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.

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.

Variant Display

Guide - Coming soon!

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

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

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

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.

Show price per item: Displays unit pricing (optional).

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 Display Options

• Show add-ons only when deal is selected: Keeps the UI clean until the offer is activated.
• Show gifts only when deal is selected: Prevents confusion before an eligible deal is triggered.

Button & Cart Behavior

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

Note: The Quantity Breaks campaign work with your buy/add to cart button, which means all the design are solely in your own theme editor and the campaign can only work when a buy button is available

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

Updated on: 23/05/2025