Design Settings


Your design settings allow you to customize the design of the app.
  1. 1.
    Within Bundle Builder, go to Settings.
  2. 2.
    Select Design.

Design Settings


Select the default stylesheet for Bundle Builder (Fresh), or use your theme's stylesheet to add your own styles.

Quantity Selectors

By selecting Enable, you can display quantity selectors underneath your products to allow customers to add more than one of each product.

Bundle Requirements Modal

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.
The information modal as it appears.

Button Colors

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

Consistent Image Height

By enabling this, you can automatically set all of your images to be the same height on bundle pages.

Running Total of Bundle Contents

Enabling this will display the total number of products currently in the bundle, along with any bundle requirements.
'You have 4 of 5 products in your bundle.'

Custom CSS

To learn more about adding CSS rules, please read our guide.

Button Position

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:
  1. 1.
    Go to Bundles.
  2. 2.
    Select your specific bundle.
  3. 3.
    Under Design, scroll to Bundle layout.
  4. 4.
    Select Sidebar, and click Save.

Display Quantity on Confirmation Alert

Enabling this will display how many items have been added.
'Added x3'.

Add a Margin to Bundle Content

Enabling this will add spacing to the left and right of the page content.

Show Bundle Contents in Overlay

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.

Show Bundle Contents At All Times

By enabling this option, your bundle contents will not be hidden by default.
This feature is a great option for bundles containing multiple products.

Design Settings for Multiple Sections

Next/Previous Buttons

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.