Multipurpose theme documentation
Multipurpose Fashion Theme
Theme Settings Products
Multipurpose Fashion Theme
The Products settings control how product information is displayed across product pages and collection grids. These settings affect pricing appearance, vendor visibility, and color swatch behavior.
Shopify Admin → Online Store → Themes → Customize → Theme settings → Products
1. Show Cents as Superscript
Setting ID: show_cents_as_superscript
When enabled, the cents portion of the price appears smaller and raised.
Preview
Use this style for premium or fashion stores. Disable for simpler, minimal layouts.
2. Show Saved Amount
Setting ID: show_saved_amount
Displays how much the customer saves when a product is discounted.
Preview
You save $20.00
This improves perceived value and conversion rate.
3. Savings Display Style
Setting ID: savings_display_style
Controls how savings are displayed:
- Amount → Shows exact dollar value saved
- Percent → Shows percentage discount
Preview
You save $20.00
Percent Example:
Save 33%
Use Percent for aggressive sales campaigns. Use Amount for luxury or high-value products.
4. Show Vendor
Setting ID: show_vendor
Displays the product vendor or brand name.
Preview
Enable for multi-brand stores. Disable for single-brand stores.
5. Swatch Size
Setting ID: swatch_size
Controls the size (in pixels) of color swatches. Range: 30px to 80px.
Preview
Large swatches improve mobile usability. Small swatches create compact product cards.
Common Mistakes
| Problem | Cause | Solution |
|---|---|---|
| Price looks messy | Too many price elements enabled | Limit saved + vendor + superscript combination |
| Discount unclear | Savings style not optimized | Use Percent for high-discount sales |
| Swatches too large | Swatch size set to maximum | Reduce for desktop view |
| Vendor unnecessary | Single-brand store | Disable show_vendor |
FAQs
Displays cents in a smaller raised format for a refined price appearance.
Displays discount savings on product pricing.
Amount shows the exact currency saved. Percent shows the percentage discount.
Controls the visual size of color variant swatches on product cards.