Offer looks wrong on the storefront
The block renders, but the styling, spacing, or layout isn't what the preview showed.
1. Is your theme's CSS overriding the block?
Themes ship broad global rules that can win over the app's styling. Add a more specific rule in Design → Custom CSS Settings, using !important only if you have to.
See Custom CSS.
2. Check the layout setting
Squeezed tiers usually mean the Vertical layout, which puts tiers side by side as narrow cards, with too many of them. Switch to Horizontal on the Bundle Settings tab — each tier gets a full-width row — and look again.
See Choose a layout.
3. Hard-refresh
Press Ctrl/Cmd + Shift + R, or open the page in an incognito window. Stale CSS is a common false alarm after a design change.
4. Remember what the preview is
The editor preview is a close approximation, not a render inside your theme. Fonts inherit from your theme on the real page, so text can sit slightly differently. Always judge the final look on a real product page.
5. Two variant pickers
If the page shows your theme's variant picker and the bundle's, turn on Hide theme variant picker in Advanced Settings → Variants.
6. Text overflowing a tier
Vertical tiers are narrow cards. Shorten titles to two or three words, move the detail into the subtitle or label, or switch to the Horizontal layout, where each tier gets a full-width row.
7. Prices look odd
- Ending in awkward decimals → turn on Price rounding.
- Showing cents you don't want → turn on Show prices without decimals.
- Theme price not matching the selected tier → turn on Update theme product price.
- Each tier shows a smaller price than its total → Show prices per item is on. Untick it to show tier totals.
See Pricing settings.
8. Variant pickers missing
The bundle's variant pickers only show when Let customers choose different variants for each item is ticked, only on the tier the customer has selected, and only for products that have options such as size or color. Tiers with a quantity of 1 also need Show variant selection for single quantity deal bar.
See Variant settings.
9. The quantity selector or Buy it now button is gone
This is expected. While an offer shows on a product page, the app hides your theme's quantity selector and its Buy it now (dynamic checkout) buttons. There's no setting to bring them back on that product. To restore them, unpublish the bundle, or exclude that product on the Visibility card.
Send us a screenshot
If it still looks wrong, open live chat from the app Home page — the Need help? button on the Theme store app embed card — and send a screenshot plus the product URL. Theme-specific conflicts are much faster to diagnose with both.