> ## 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 Add-ons Style & Settings ### Customize Style & Campaign Settings ###### 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: ### 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-165241_zfk0oc.png =400x156) ### 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-165301_2bi8uo.png =400x409) ### Deal boxes (Product Box) **Subtitle**: Font size, Font weight & Color **Highlight Badge:** Font size, Font weight, Color & Radius **Deal tag:** Font size, Font weight, Color, Border & Radius **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 **Background: **Color, Border, Radius & Spacing **Radio button: **Visibility, Border & Radio button size ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/deal-boxes_kciqwd.png =400x578) ### 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-165358_cxm739.png =400x334) ### Settings You can choose the amount of products in the add-on campaign that users can choose. You have 3 options: 1. **All product ** With this option, users can choose and add all add-on products to the cart ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-22-at-182516_c997cj.png =400x408) 2. **Set maximum ** With this option, users can choose X amount of product. You can set the X amount ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-22-at-182617_1deupsu.png =400x474) With this option, users can choose and add only one add-on product to the cart ![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-22-at-182654_saf19n.png =400x451) ### ### 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)