Customize Volume discount
Overview of customizing the appearance of the Volume discount on the product page.
Last updated
Was this helpful?
Overview of customizing the appearance of the Volume discount on the product page.
Last updated
Was this helpful?
Go to Customize in the BOGOS Navigation => scroll down and choose Volume discount.
There are two powerful display formats for you to showcase your Volume Discount offers:
Quantity options.
Quantity discount table.
Customize how the content displays on the Volume discount widget here:
Show description: Choose to display the Volume discount description or not.
Total price text: Show the total number that the customer will pay after applying the volume discount.
Button text: Name of the add to cart action.
Select variant text: Text displayed to highlight which product variants are available for customers to select.
This section allows you to change the background color, fill in the title, and description text to make the Volume discount widget match your brand identity.
There are some important elements you should acknowledge, including: theme, background color, text color, tier description, etc.
Choose Show description or not.
There are 4 default options for you to select which theme you want your widget looks like.
Widget header
You can change the Header background color, its alignment, widget title color and widget subtitle color.
Widget body
Body style: Choose between Line style (displays the tiers in a single and continuous row) and Zebra style (alternates the row colors to create a striped effect).
Row color: Choose the color for the rows to create a look that matches your store’s design.
Line color: Adjust the color of the lines separating the rows to ensure clarity.
Hide lines between column: Option to remove the lines between columns for a cleaner layout, depending on your design preference.
Quantity column
Tier title color: Adjust the color of the tier title to make it stand out and align with your store’s branding.
Tier description color: Choose a color for the tier description to ensure it’s clear and visually appealing within the widget.
Tag color: Customize the color of the tag to draw attention to specific tiers or offers and highlight key information.
Tag text color: Set the color for the tag text to ensure it’s readable and visually consistent with the rest of the widget.
Discount column
Discount Value: Shows only the percentage or amount off (e.g., "10%" or "$5 off").
Discount Value with Label: Features a colored background highlight behind the discount amount text.
Prices: Displays the actual discounted price instead of the discount amount (e.g., "$27.00" instead of "10% off").
