> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.adoric.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Customize Product Bundle Style & Settings


### Customize Styles
1. After setting up your deals, navigate to the Design section:
2. From the campaign setup page, click Continue.
3. 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

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-20-at-173815_mjec4w.png =400x341)

### 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.

### Variant Display
[Guide ](https://help.adoric.com/en/article/using-variants-picker-in-bundles-campaigns-120dgtx/)


![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-10-23-at-171450_i1mo3.png =400x235)

### Countdown Feature
![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-10-23-at-171538_1ym2lml.png =400x567)

###### **Turn On Countdown**
Switch **Show countdown** to ON to display the timer in your campaign.

###### **Set Duration**
Choose how long the countdown lasts.
* Adjust the number (e.g. 15)
* Select time unit: **Minutes**, **Hours**, or **Days**

###### **Choose Position**
Pick where the timer appears:
* **Top** – above your content
* **Bottom** – below your content

###### **Customize Timer**
In **Timer**, you can change how the clock looks — font, color, or format.

###### **Edit Text**
In **Text**, add a message like “Hurry, offer ends soon!” and adjust font or color.

###### **Adjust Background**
In **Background**, choose the color or style that fits your campaign design.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-10-23-at-171617_7lz3ug.png =400x428)

### Custom Elements
Individually customize elements like:

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-22-at-153305_u7ph50.png =400x196)
### Heading
Visibility, Font size, Font weight, Color, Position (Left, right, middle) & Automatically customize text with built-in command

 ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-22-at-153401_dlvdbw.png =400x466)

### 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

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-20-at-173957_17zpazk.png =400x492)
### 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
 
![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-22-at-153428_8twy40.png =400x379)
### Button
You can change the color, border, radius, animation visilibiity, text, text color - size - weight

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-22-at-165845_1hlwkxr.png =400x586)

### 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

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-22-at-153448_18nprx2.png)

### 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

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-22-at-153541_56o88q.png)

### Campaign settings

### Display Settings
Show on pages: Choose where to display the campaign - [More details'](https://help.adoric.com/en/article/4-set-custom-position-for-products-bundle-8yisuj/)

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-20-at-174401_9du4zi.png =400x221)

### 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.
### 
### 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).
### Extra options
**Open product page on product click**
If enabled, clicking on a product will open the product page.

**Exclude POS**
If enabled, it will exclude POS orders
![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-11-26-at-030640_1tgeh7v.png =400x475)