Customize Product Bundle Style & Settings

Customize Styles

After setting up your deals, navigate to the Design section:
From the campaign setup page, click Continue.
This will take you to the customization area, where you can personalize your campaign's visual elements.

Customize Style Options

In the Design section, you can modify these elements to match your store’s branding:

Layout Templates

Stacked – Each tier is listed vertically (clean and compact).
Side by Side – A horizontal layout for wide screens.
Carousel – Scrollable if you have many tiers
Stacked with no line - similar to "stacked" but with no line in between

Color Theme

Pick a color preset to match your store branding — or adjust individual colors manually.

Fonts

Use your theme’s fonts or select a new one to improve readability and styling consistency.

Custom Elements

Individually customize elements like:

Heading

Visibility, Font size, Font weight, Color, Position (Left, right, middle) & Automatically customize text with built-in command

Deal boxes

1. Subtitle

Font size, Font weight & Color

2. Highlight Badge

Font size, Font weight, Color & Radius

3. Deal tag

Font size, Font weight, Color, Border & Radius

4. Price

Font size, Font weight, Color

NOTE: If you have the "compare-at-price" setting on, you can also edit the above for the ""compare-at-price" text

4. Sold out Bagde

Font size, Font weight, Color, Border & Radius

5. Background

Color, Border, Radius & Spacing

6. Radio button

Visibility, Border & Radio button size

Total box

You can change the visibility, title, badge, price and background inside the total box, the details of each customization are similar to element in the deal box

Button

You can change the color, border, radius, animation visilibiity, text, text color - size - weight

Add-ons

This option will only be available if you have Add-on in your campaign

You can change the title, image, heading, price, badge and background inside the Add-on section, the details of each customization are similar to element in the Deal box

Free Gift

This option will only be available if you have Add-on in your campaign

You can change the title, image, heading, price, badge and background inside the Free Gift section, the details of each customization are similar to element in the Deal box

Campaign settings

Display Settings

Show on pages: Choose where to display the campaign - More details'

Pricing Options

Show compare-at price: Displays original price next to the discounted one.
Price rounding: Enables rounding for cleaner pricing. (Optional)



Include free gift price in total: Useful when you want the total value to reflect all items, including free ones.

Extra options

Button & Cart Behavior

Action after click button: Choose what happens when the customer clicks the CTA
Show cart
Open cart drawer
Redirect to checkout

Out of stock text:
Customize the message shown when a product variant or gift is unavailable (e.g., Coming back soon).

Open product page on product click
If enabled, clicking on a product will open the product page.

Combine variants options
If enabled, all variant options will be combined into a single picker. For example, instead of showing separate pickers for Color and Size, the user will see one combined picker: Color/Size.

Updated on: 23/05/2025