Overview
Storefront Settings control the functional behavior and customer-facing elements of your product options, including price display, dropdown formatting, help text visibility, language strings, currency rounding, and out-of-stock messaging.
Configure how your options form appears and behaves on the storefront.
Price Display Settings
Configure how option prices are displayed to customers.
Price Display Mode
| Mode | How It Works | Example |
|---|---|---|
| Add to Price | Option prices are summed with the base product price | $74.95 (total) |
| Append to Price | Shows base price with option total in parentheses | $29.99 (+ $44.96) |
| Display below options | Shows detailed breakdown at bottom of form | Base Product: $29.99 Extra #1: $20.00 Extra #2: $24.96 Total: $74.95 |
Add to Price (Default)
- Cleanest display
- Single total price shown
- Customers see final price immediately
Append to Price
- Shows base + extras separately
- Customers see what options cost
- Good for transparency
Display below options
- Most detailed breakdown
- Lists each selection with price
- Best for complex configurations
Dropdown Display Settings
Configure how option names and prices appear in dropdown menus.
Dropdown Price Display Format
Control the format of dropdown option text:
Default format: {option} [+{amount}]
Examples:
Large [+$5.00]Premium Material [+$15.00]Express Shipping [+$9.99]
Variables:
{option}- Option name{amount}- Price with currency symbol
Customize this format to match your preferred display style.
Help Text Display Mode
Choose how help text is shown for options.
| Mode | Display | When to Use |
|---|---|---|
| Help Text | Small text below option label | Important information customers should see |
| Tooltip | Icon (ⓘ) that shows text on hover | Supplementary details to save space |
| Off | Hidden (but saved) | Don't want to display help text |
Learn More
See Help Text documentation for details on adding help text to options.
Language Settings
Configure language strings for customer-facing UI elements.
Option Required Message
Validation message shown when a required field is not completed.
Default: {option} is required
Examples:
Size is requiredEngraving Text is requiredColor is required
Variable:
{option}- Replaced with the actual option name
Leave empty to use the default message.
Currency Pricing
Control how option prices are displayed in different currencies.
Round Prices After Currency Conversion
When enabled:
- Applies common rounding rules to match Shopify's product pricing behavior
- EUR prices end in .95
- USD prices rounded to whole dollars
- Option prices follow same patterns as base product prices
- Ensures consistent pricing customers expect
When disabled:
- Exact converted amounts shown
- No rounding applied
- May result in unusual prices (e.g., €12.73)
Recommended
Enable this setting to maintain pricing consistency across your store. Customers expect prices to follow familiar patterns for their currency.
Inventory Checking
Control inventory checks for option variants and out-of-stock messaging.
Enable Inventory Checking
When enabled:
- Checks inventory levels for option variants
- Shows out-of-stock messages when items unavailable
- Prevents customers from ordering unavailable options
When disabled:
- No inventory checks performed
- All options appear available
- Orders may include out-of-stock items
Out of Stock Message
Message displayed when an option variant is out of stock.
Default: This product is currently out of stock
Customize for:
- Brand voice alignment
- Multiple languages
- Specific messaging (e.g., "Temporarily unavailable - check back soon!")
How to Access
- Navigate to Customization page
- Click the Storefront Settings tab
- Adjust settings as needed
- Click Save in the contextual save bar
Changes apply immediately to your storefront.
Best Practices
Price Display:
- Use "Add to Price" for simple products
- Use "Display below options" for complex configurations with multiple add-ons
- Test which format customers find clearest
Language Settings:
- Keep messages concise and clear
- Use consistent tone with your brand
- Consider multilingual stores - customize for each language
Currency Pricing:
- Enable rounding for professional appearance
- Match Shopify's pricing patterns
- Test in all currencies you support
Inventory Checking:
- Enable if using option variants with inventory
- Keep out-of-stock messages helpful and positive
- Update messaging for seasonal availability
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article