Bold Bundles must be properly installed on your theme in order to run correctly. The installation ensures that your bundles and pricing appear on your product pages, and your customer's selections appear correctly in both the cart and checkout page.

When you install the Bold Bundles app to your store, you are able to navigate to our Liquid install area within the app. This can be found within the side bar, Need Help? > Liquid Installation section.
​

Selecting the Begin automatic update option will allow you to choose the theme on your store that you would like to complete the automatic code installation on for Bold Bundles.

When selecting which theme to update, there will be a check box that says, "I have created a backup of this theme".

We recommend creating a duplicate version of your Shopify theme to ensure you have a copy without the Bold code installed.

Once the checkbox is selected to confirm you have a back up version of your theme, you will be able to proceed with the code installation.

This option creates a ticket with our installation team, and schedules your store for a manual installation completed by our experts. By selecting this option, you will be asked to confirm which theme you would like this code installation to be completed on.

All of these requests are completed manually on a rotational basis and will be completed as soon as possible.

This installation allows the bundles to appear on the product page and discount correctly on the product, cart and checkout page.

Updates need to be done on all theme files that output product prices on the store. The number and name of these files will vary from theme to theme. Generally, 3-5 files will need to be updated.

These control the price fields on the product, collection, search, related products, and home pages.

It's important that each theme file that outputs a price be modified. This is to ensure the correct pricing always shows for your customers.

Go through the list of files one at a time and reference your theme's files to see if that particular file exists in your theme. Not all of these files will exist in a given theme.

When you've gone through the list, this step will be complete.

Not all of these will appear in a given file, but the ones that do appear in a file may appear a few times.

If the file has none of these, then select the item.price tab.

Not all of these will appear in a given file, but the ones that do appear in a file may appear a few times.

If you found and replaced some of the above, then select the Files to Update tab and continue down the file list.

If the file has none of these, then bring up the file editor's search feature (CTRL+F), and do a search for .price and continue below.

If nothing is found after the search, or if you find variant.price, variant.price_min, variant.price_max or variant.price_varies, then nothing will need to be done with this file, and you can select the Files to Update tab and continue down the file list.

If something is found after the search, take note of what was found, and then select the Other tab.

Some files in some themes will use something other than product or item, and you'll need to change our code to work with what the file uses. For example, a file may use product-detail instead

To proceed, substitute * with whatever was before the .price when you searched in the previous section, then look for that code in the file and replace what you find with the app's code. It's not necessary to change anything with variant in it, such as variant.price.

For example, if you found product-detail.price, then replace * with product-detail with each item below, then look for that code in the theme. For the first item, you'd look for product-detail.price, and if found, replace it with bold_price

Not all of these will appear in a given file, but the ones that do appear in a file may appear a few times.

When you're done with this file, select the File to Update tab and continue down the file list.

Overview

Updates need to be done on all theme files that pull your product information to the cart. The number and name of these files will vary from theme to theme. Generally, 3-5 files will need to be updated.

It's important that each theme file that outputs a price be modified. This is to ensure the correct information always shows for your customers.

Go through the list of files one at a time and reference your theme's files to see if that particular file exists in your theme. Not all of these files will exist in a given theme.

​List of Theme Files to Update

Not all of these will appear in a given file, but the ones that do may appear several times.

​Code Adjustments Required

Your theme's product loop code should look similar to this:

The following code should be inserted directly after each instance:

In some cases, the product loop code may look slightly different:

We then need to adjust the end of our Bold price code to include the loop's product reference:

Overview

Updates need to be done on all theme files that output product prices on the store.

The number and name of these files will vary from theme to theme. Generally, 3-5 files will need to be updated.

These control the price fields on the product, collection, search, related products, and home pages.

It's important that each theme file that outputs a price be modified. This is to ensure the correct pricing always shows for your customers.

Go through the list of files one at a time and reference your theme's files to see if that particular file exists in your theme. Not all of these files will exist in a given theme.

​List of Theme Files to Update

​Code adjustments required

Your theme's product price code should look similar to this:

The following code should be placed around each of these instances with the <span> tags wrapping this price code:

In some cases, the product price code may look slightly different:

The following code should still be placed around each of these instances with the <span> tags wrapping this price code:

Overview

Updates need to be done to the cart files that pull your product price information to the cart. The number and name of these files will vary from theme to theme.

It's important that each theme file that pulls this price information be edited. This is to ensure the correct information always shows for your customers.

Go through the list of files one at a time and reference your theme's files to see if that particular file exists in your theme. Not all of these files will exist in a given theme.

​List of theme files to update

​Code adjustments required

First, you'll need to find each instance of coding that looks similar to this:

The following code should be placed around each of these instances with the <span> tags wrapping this code:

Next you'll need to find each instance of coding that looks similar to this:

The following code should be placed around each of these instances with the <span> tags wrapping this code:

Lastly, you'll need to find each instance of coding that looks similar to this:

The following code should be placed around each of these instances with the <span> tags wrapping this code:

In some cases, you may want to manually place where your Bold Bundles widget displays on the storefront.

To choose the placement of your widget, please follow these steps:

Overview

For themes that use AJAX functionalities, updates must be made to the JavaScript files that build these AJAX pages and/or modals. The file name and location of this code will vary from theme to theme.

These updates are done to ensure the correct product price displays every time it's shown on your storefront. This may require you to go back and edit multiple files in your theme coding.

​List of theme files to update

* = Theme specific file. The theme name and developer are noted beside the file name.

​Code adjustments required

Themes that pass cart objects between your regular cart and the AJAX modals will need to use our Cart Doctor function.

Most themes will use the function buildCart to show your products in their AJAX modals and pass this information between both areas.

You'll need to find where this code is in one of the above files, and paste the following code within this function:

Some themes may use the function refreshCart to show your items in these modals.

You'll need to find where this code is in one of the above files, and paste the following code within this function:

Themes that simply display the information from your cart in the AJAX modals will need to use our Event Emitter function.

Most themes will pull this information by using the getCartData function.

You'll need to find where this code is in one of the above files, and paste the following code within this function:

Some themes will grab this information through the updateView function.

You'll need to find where this code is in one of the above files, and paste the following code within this function:

This installation allows the bundles to appear on the product page and discount correctly on the product, cart and checkout page.

If you would like to remove the liquid code from your theme, the liquid code can be removed by deleting the snippet files, asset files, and the code includes mentioned in the instruction steps above.

To remove the app from your store and cancel your Bundles subscription, please follow the steps below.