Your design settings allow you to customize the design of the app.
Within Bundle Builder, go to Settings.
Select Design.
Select the default stylesheet for Bundle Builder (Fresh), or use your theme's stylesheet to add your own styles.
By selecting Enable, you can display quantity selectors underneath your products to allow customers to add more than one of each product.
By selecting Enable, you can display the bundle requirements in a sticky modal at the bottom of the screen.
Once enabled, this will display and remain sticky on the bundle page, for your customers.
You can change all buttons on the bundle page by using the color selectors here. This includes:
Button text color
Button background color
Button active color
​
By enabling this, you can automatically set all of your images to be the same height on bundle pages.
Enabling this will display the total number of products currently in the bundle, along with any bundle requirements.
Example:
'You have 4 of 5 products in your bundle.'
To learn more about adding CSS rules, please read our guide.
By selecting either Below product description or Below product image, you can set the position of the Add to Cart button.
This applies a blanket-rule to all of your bundles - however, you also have the option to configure a specific bundle to display the Add to Cart button as a Sidebar.
To do so:
Go to Bundles.
Select your specific bundle.
Under Design, scroll to Bundle layout.
Select Sidebar, and click Save.
Enabling this will display how many items have been added.
Example:
'Added x3'.
Enabling this will add spacing to the left and right of the page content.
Enabling this will display the bundle contents in an overlay that can be triggered from the bundle summary.
This feature is not suitable for bundles that only contain required products.
By enabling this option, your bundle contents will not be hidden by default.
This feature is a great option for bundles containing multiple products.
​
To set the position of the Next and Previous buttons on multiple section bundles, select your chosen option from the drop-down menu:
Above products
Below products
Above and below products.
Enable this to display linked tabs at the top of multiple section bundles to enable easy navigation.