> ## 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 Mix-and-Match Style & Settings

## Design Customization
You can fully customize the look and feel of your campaign:

###### Bundle Design
* Templates, colors, fonts, variants display. 

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-08-22-at-174403_3o43kp.png =400x419)


###### Section Elements (only for Sectioned Campaigns)
* Image, title, subtitle, badges, progress bar, plus divider, background.
Note: For the progress bar, you have 2 design options

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-08-22-at-174602_v4oowr.png =400x544)


###### Product Elements (only for List Campaigns)
* Image, title, button, price, badge, sold out badge, quantity picker, background
![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/product-2_41zng3.png =400x603)


###### Totals Section
* Show/hide totals.
* Edit title, price, and background.

###### Heading Section (applies to both campaign types)
* Visibility, text, color, font size, font weight, alignment

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-08-22-at-173747_zp9vls.png =400x482)


###### Discount Option Section (applies if using tiered discount)
* Title, subtitle, check icon, badge, background.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-08-22-at-173725_1bzu4l2.png =400x450)



###### Upsell Section (if upsell products are added)
* Headings, checkbox, image, title, price, badges, background.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-08-22-at-173924_1vrfn0g.png =400x519)



###### Gift Section (if free gifts are added)
* Headings, image, title, price, badges, background.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-08-22-at-173959_wnr73n.png =400x472)


###### Button Section
* Text: Text, color, font size, font weight
* Button: Color, border, radius, animation

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-08-22-at-174014_137uze7.png =400x690)


###### Background
* Color, border, radius, spacing

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-08-22-at-174136_1bcvosp.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.

**Collapse section on complete: **When the customer adds the required number of products from a section, the section automatically collapses. (only available if you use the sectio type of Mix-and-match) 

**Exclude POS**
If enabled, it will exclude POS orders

**Create as product** 
This feature allows you to create a seperate product page with it own URL for the bundle 

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-11-26-at-030640_1tgeh7v.png =400x475)