Storefront Settings

Modified on Tue, 18 Nov at 9:04 AM

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

ModeHow It WorksExample
Add to PriceOption prices are summed with the base product price$74.95 (total)
Append to PriceShows base price with option total in parentheses$29.99 (+ $44.96)
Display below optionsShows detailed breakdown at bottom of formBase 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.

ModeDisplayWhen to Use
Help TextSmall text below option labelImportant information customers should see
TooltipIcon (ⓘ) that shows text on hoverSupplementary details to save space
OffHidden (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 required
  • Engraving Text is required
  • Color 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

  1. Navigate to Customization page
  2. Click the Storefront Settings tab
  3. Adjust settings as needed
  4. 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

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article