Match Your Theme: Theme Colours and Widget Position
Make the Product Bundle, Cross-sell, Free Gift and Upsell widgets blend into your Shopify theme with theme colours and a product-page position setting.
Updated November 1, 2026
The Product Bundle, Cross-sell, Free Gift and Upsell widgets share two settings that make them look like part of your theme: Use my theme's colours and Position on the product page.
Use My Theme's Colours
Found in the Style section of each of these widgets. It is on by default.
On: colours are taken from your theme (text, background and primary button) so the widget blends in.
Off: pick your own colours with the widget's colour fields, such as button background, button text, widget background and text colour.
đź’ˇ The admin preview uses neutral colours while this is on. Your storefront uses your theme's colours, so check the real product page to see the final look.
When to turn it off
Your theme's primary button colour is hard to read on the widget.
You want the offer to stand out from the rest of the page, for example a green “Add set to cart” button.
Your brand uses specific colours for promotions.
Position on the Product Page
Found in the Placement section. Choose where the widget appears relative to the Add to cart and Buy it now buttons:
Option | Best for |
|---|---|
Below the buy buttons (default) | Most stores. Customers see the main product first, then the offer. |
Above the buy buttons | Offers you want seen before the customer adds to cart, such as a bundle with a strong saving. |
This setting only affects the product page. Cart placements are controlled by each campaign's storefront display settings.
Where to Find These Settings
Go to Widgets in the Discount Prime sidebar.
Open the Product Bundle, Cross-sell, Free Gift or Upsell card (or click Manage widget settings inside a campaign).
Set Position on the product page under Placement and Use my theme's colours under Style.
Click Save and check a product page on your storefront.
Each widget is set separately, so you can, for example, show the bundle above the buttons and the cross-sell below.
Mini FAQ
Why doesn't the preview match my store?
With Use my theme's colours on, the preview uses neutral colours. The storefront picks up your theme's colours.
Can I move the widget somewhere other than above or below the buy buttons?
Not from the settings. The widget is placed relative to the Add to cart and Buy it now buttons.
Does this setting apply to the older widgets like the countdown timer?
No. Theme colours and product-page position are available on the Product Bundle, Cross-sell, Free Gift and Upsell widgets.
Related Articles
Need a Hand?
Our support team is here to help, reach out anytime at support@DiscountPrime.app, or use in-app chat.
Last updated: November 2026