Changing the bundle design settings

The bundle on your online store has default settings that you can customize. 

Customizing bundle design settings

To customize the bundle design settings, follow the easy steps below.

1

Launch the app and go to Settings.

2

Under the Customize Design tab, click  Bundle Design.

3

Under the DESIGN section, slide the button to ON to override the default settings.

4

Set the position of the bundle title and font by clicking on the drop-down arrow. 

5

Set your preferred colors and text sizes to the different styles under their sections.

6

Click  Save.

Customizing the Bundle button language

The bundle button has default language settings such as its inside texts but you can customize these settings according to your preference.

1

Under Customize Design, choose Language.

2

Enter the text that you want to appear in the respective fields according to your preference. The text that appears will depend on the discount setting that you set for the offer. 

3

Create texts for "fixed price" and "off" discounts. 

4

Click Save.

Changing the bundle placement within the app

By default, the bundle offer on your online store will be displayed after the  ADD TO CART on your product page. You can change the position of the bundle and move it to anywhere you like. To change the bundle placement using the app:

1

Under  Customize Design, choose Bundle Design.

2

Under Bundle Design, click the Placement tab.

3

Click  Choose Placement.

4

Choose the spot where you want to place the bundle and then click  Save.

5

Go back to the Placement page under the Customize Design section.

6

Choose the placement of the bundle button.

7

Click Save.

Changing the bundle placement manually

To change the bundle placement on your product page manually and not go through the app, follow the steps below:

1

On your Shopify admin page, go to  Online  Store and click  Themes.

2

Click the drop-down arrow and choose  Edit  Code.

3

Scroll down and click  Sections.

4

Click  product-template.liquid.

5

Paste the following line to wherever you'd like the table placed.

<div class='ba-bundle-wrapper'></div>