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

| 👉 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-143026_48t51q.png =400x188)

### 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/coundown_xv9oh0.png =400x400)


### Custom Elements
Individually customize elements like:

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/customize_1exii6i.png =400xauto)

### 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-20-at-143730_1uyio46.png =400x481)

### 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/deals_13bgnhp.png =400x586)

### 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-20-at-144129_1kbc2nx.png =400x395)

### Add-ons
This option will only be available if you have Add-on in your campaign
**1. Check Box**
Position, Color & Radius

**2. Image**
Visibility, Size, Border, Border color, Radius & Format

**3. **You can change the **title, price** 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-20-at-143609_1xku1cd.png =400x417)

### Free Gift
This option will only be available if you have free gift in your campaign
**1. **You can change the **image,** **title, price** 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/freegift_gf6gti.png =400xauto)
---

### 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-quantity-breaks-vk751p/)

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-20-at-145310_1s6s24r.png =400x280)
### 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.

You can also choose how to display your pricing to use 
* Shopify price (this align with what you set for the product) 
* Bundle price 
* Price per item
* Hide price 

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2026-01-06-at-154237_5cmszn.png)

### 
### Variants
**Show theme variants picker: **If enabled, customers will also see the theme's variant pickers
**Let customers choose different variants: **If enabled, users will be able to choose product variants inside the campaign.


### 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
**Show upsell only when deal is selected**
**Show gifts only when deal is selected**
**Show theme quantity picker**
**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-031543_11pfy76.png =400x496)