Global Settings
Configure storewide widget behavior, currency and discount pricing displays, dynamic headings, and custom CSS styling across your entire storefront.
⚙️ Global Widget Settings
Access these settings in the app under the Global tab in the Widget Settings dashboard:
| Setting | Description | Options / Range |
|---|---|---|
| Enabled | Master switch to enable or disable the upsell widget globally across all pages of your storefront. | Toggle (On / Off) |
| Show Compare at Price | Displays the strikethrough compare-at price alongside the active price to highlight discounts and promotional savings. | Toggle (On / Off) |
| Show Money With Currency Format | Formats product prices with the full currency symbol and ISO code (e.g., $24.00 USD). | Toggle (On / Off) |
| Use Set Name As Heading | Dynamically uses the active Upsell Set's title as the widget heading instead of the static heading. | Toggle (On / Off) |
| Custom CSS | Injects custom CSS stylesheets into every storefront page where the widget renders. | Custom CSS editor block |
👁️ Live Widget Preview
The right-hand panel provides a real-time interactive preview of your global widget styling:
- Card Style Modes: Test and switch between
Card,Lite, andJumbolayouts. - Pricing & Discount Display: Preview how active prices, compare-at price, and currency formatting appear to shoppers.
- Interactive Controls: Verify dropdown selectors, variant switches, and 1-click Add buttons.
💾 Saving Your Changes
When you modify any global setting or add custom CSS, the Shopify contextual save bar appears at the top of the admin screen:
- Click Save to apply your changes storewide immediately.
- Click Discard to revert unsaved edits.
💡 Global Settings Guide & Pro Tips
- Master Control Switch: Use the global Enabled toggle as a kill-switch to pause all upsell widgets during store maintenance or theme overhauls without losing your individual widget configs.
- Dynamic Set Headings: Turn on Use Set Name As Heading when your Upsell Sets have contextual titles like "Recommended for You" or "Winter Essentials".
- Crossed Price Highlighting: Enable Show Compare at Price whenever addon items are on sale to visually reinforce value.
- Theme Customization with Custom CSS: Use the CSS editor to target widget elements, tweak font weights, adjust button hover transitions, or match custom theme radii.
- Pro Tip: Always preview your storefront in a new incognito window or test tab before saving production CSS tweaks.