Bold Bundles Code Install Instructions

Overview

Each theme on your Shopify store is different, and will require the Bold Bundles liquid code to be installed in order to ensure that the app runs correctly. The code installation is significant, and will help with the Bundles widget appearing on your product pages.

 Caution

This article has installation instructions for both Versions 1 & 2 and Version 3 of Bundles. Please ensure you know which version you are installing prior to starting.

We offer a few different options to help you complete this installation on your store. This includes an automatic installer, requesting a profiessional installation from our team, or a step-by-step on completing this manually.

Are you ready to get started with our install?

 


 

Automatic Bold Bundles Installation:

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.

Automatic_theme_install.png

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.

 Pro-Tip

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.

 


 

Expert Install:

This option creates a ticket request 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.
 Alert

Please ensure that we have an active staff account for your site, prior to submitting your installation request. Visit Create a Shopify Staff Account for more information on how to create an account.

To request an expert install for $25.00 on your store, please follow these steps:

  1. From within Bold Bundles, navigate to Help > Liquid Installation.
  2. Under the Expert theme update service, select Begin update.
  3. Select the box beside I have created a staff account for Bold.
  4. On the bottom left corner, select which theme you would like the installation completed on.
  5. Select Submit Request.

The billing for this installation will appear on your monthly Shopify invoice.

 


 

Complete the Installation

Before you begin, please review Notes Before Installing Apps. This article will help get you prepared and answers many common questions.

 Caution

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 code includes mentioned in the instruction steps below. You will also need to revert all product price changes made in your theme's liquid code back to the theme's default product prices. You can also request an uninstall request by contacting our Merchant Success team.

Note: If you are experiencing issues with performance on the storefront with Bold Bundles after completing the steps below, we recommend requesting an expert installation, as your theme may require further liquid code changes.

V1 & V2 Code Install Instructions

This installation allows the bundles to appear on the product page and discount correctly on the product, cart and checkout page. As well, this installation will not work for themes using "render" tags. You will need to upgrade to Version 3 of Bold Bundles, or use a theme that can work with "include" tags.

Please visit Shopify Render Tag Adjustments for more information.

Within the theme files, complete the following steps.

  1. Duplicate themes, to create a backup copy.
  2. From Shopify's admin, select Online Store.
  3. Select Actions.
  4. Select Edit code.
  5. Under "Snippets", find these files:
    • bold-common.liquid
    • bold-product.liquid
    • bold-variant.liquid
    • shappify-bdl-load-bundle.liquid
  6. For any that don't exist:
    1. Select Add a new snippet.
    2. Enter the correct snippet name.
    3. Select Create snippet.

      Enter Snippet Name

    4. Copy and paste the code found in each of these links into their respective files:

      Copy and paste the code

    5. Select Save.
    6. Repeat steps 6.1 – 6.5 for each missing snippet file.

Within the theme files, complete the following steps.

  1. Under "Templates", select collection.liquid.

    Note: If your theme contains sections, you may need to open collection-template.liquid under "Sections" instead.

  2. Find each instance of:

    {% for product in collection.products %}

    Note: If you can't find this code, look to see if the theme has a "product-loop.liquid". Can't find this code?

    Find the code: for product in collection.products

  3. Copy and paste:

    {% include 'bold-product' with product, hide_action: 'skip' %}

    on the line below each instance.

    Copy and paste: include 'bold-product' with product, hide_action: 'skip'

  4. Select Save.

Within the theme files, complete the following steps.

  1. Under "Templates", select index.liquid.

    Note: If your theme contains sections, you may need to look under "Sections" instead. The file may be named: featured-products.liquid, home-collection.liquid, home-featured-products.liquid, featured-row.liquid, simple-collection.liquid, featured-collection.liquid, home-tab.liquid, home-big-product.liquid, index-products.liquid or tabs-collection.liquid.

  2. Find each instance of:

    {% for product in collection.products %}

    Note If you can't find this code, look to see if the theme has a "product-loop.liquid". Can't find this code?

    Fidn the code: for product in collection.products

  3. Copy and paste:

    {% include 'bold-product' with product, hide_action: 'skip' %}

    on the line below each instance.

    Copy and paste: include 'bold-product' with product, hide_action: 'skip'

  4. Select Save.

Within the theme files, complete the following steps.

  1. Under "Snippets", select related-products.liquid.
  2. Find each instance of:

    {% for product in collection.products %}

    Note If you can't find this code, look to see if the theme has a "product-loop.liquid". Can't find this code?

    Find the code

  3. Copy and paste:

    {% include 'bold-product' with product, hide_action: 'skip' %}

    on the line below each instance.

    Copy and paste the related-products code

  4. Select Save.

Within the theme files, complete the following steps.

  1. Under "Templates", select search.liquid.
  2. Find each instance of:

    {% for item in search.results %}

    Find the code under search.liquid

  3. Copy and paste:

    {% include 'bold-product' with item, hide_action: 'skip' %}

    on the line below each instance.

    Copy and paste the search.liquid code

  4. Select Save.

Within the theme files, complete the following steps.

  1. Under "Templates", select product.liquid.
  2. Add this code to the top of the file:

    Note: If your theme contains sections, you may have to make these changes in product-template.liquid under "Sections".

    {% include 'bold-product' with product, hide_action: 'break' %}{% if bold_hidden_product %}{% break %}{%endif %}

    Add the code at the top of the file

  3. Find each instance of:

    {% for variant in product.variants %}

    Find the code: for variant in product.variants

  4. Copy and paste:

    {% include 'bold-variant' with variant, hide_action: 'skip' %}

    on the line below each instance.

    Note: If your theme uses swatches, where variants are shown as buttons instead of through a drop-down menu, this code will also need to be added to a snippet file, usually named swatch.liquid or product-swatch.liquid.

    Copy and paste the code

  5. Find each instance of:

    product.variants.size

    Note: If you can't find this in the product.liquid file, then check the snippets folder for a product-form.liquid or short-form.liquid file and look for the code in there.

  6. Replace each instance with:

    bold_variants_size
  7. Find each instance of:

    {{ product | json }}

    Note: If you can't find {{ product | json }} in those files, then try searching for it in the theme.liquid file. If it's not in the product.liquid or theme.liquid file, then that can be skipped.

    Find each instance of product | json

  8. Replace each instance with:

    {% include 'bold-product', output: 'json' %}

    Replace the code

  9. Add this code where you would like the product bundle to display on the product page.

    Note: This code cannot be within the form tags. We recommend adding it either after the </form> tag or just before the code that outputs the related products. If you can't find the </form> tag in the product.liquid file, check the snippets folder for a product-form.liquid or short-form.liquid file and look for the code in there.

    {% unless bundle_loaded == 'true' %}
    {% include 'shappify-bdl-load-bundle' %}
    {% assign bundle_loaded = 'true' %}
    {% endunless %}

    Add the bundle widget code

  10. Select Save.

Within the theme files, complete the following steps.

  1. Under "Snippets", select bold-common.liquid.
  2. Copy and paste this code in the bottom of the file.
    {{ 'https://bundles.boldapps.net/js/bundles.js' | script_tag }}
    {{ 'bold-bundles.css' | asset_url | stylesheet_tag }}

    Copy and paste the bold-common code

  3. Select Save.

Within the theme files, complete the following steps.

  1. Under "Layout", select theme.liquid.
  2. Copy and paste this code directly above the </head> tag:
    {% include 'bold-common' %}

    Copy and paste the bold-common include above the ending head tag

  3. Select Save.

Within the theme files, complete the following steps.

  1. Under "Templates", select cart.liquid.

    Note: If your theme contains sections, you may have to look for this code under "Sections" in cart-template.liquid instead.

  2. Find every occurrence of code similar to:

    {{ item.price | money }}
    On newer themes, it will be:
    {{  item.final_price | money }}

    Note: The item price display can vary by theme but should be similar to this.

    Find item.price money

  3. Copy and paste this code directly before that line:

    <span class=“Bold-theme-hook-DO-NOT-DELETE bold_cart_item_price” data-item-key=“{{item.key}}” style=“display:none !important;“></span>

    Paste the code

  4. Find every occurrence of code similar to:

    {{ item.line_price | money }}
    On newer themes, it will be:
    {{ item.final_line_price | money }}

    Note: The item line price display can vary by theme but should be similar to this.

    Find item.line price money

  5. Copy and paste this code directly before that line:

    <span class="Bold-theme-hook-DO-NOT-DELETE bold_cart_item_total" data-item-key=”{{item.key}}" style="display:none !important;"></span>

    Paste the code

  6. Find every occurrence of code similar to:

    {{ cart.total_price | money }}

    Note: The cart total price display can vary by theme but should be similar to this.

    Find cart.total price money

  7. Copy and paste this code directly above that line:

    <span class="Bold-theme-hook-DO-NOT-DELETE bold_cart_total" style="display:none !important;"></span>

    Paste  cart.total price money Code

  8. Find the section that starts similar to:

    {% for p in item.properties %}

    find for p in item.properties

  9. Replace the entire section with:

    <span class="Bold-theme-hook-DO-NOT-DELETE bold_cart_item_properties" style="display:none !important;"></span>
    {% assign propertySize = item.properties | size %}
    {% if propertySize > 0 %}
        {% for p in item.properties %}
            {% assign first_character_in_key = p.first | truncate: 1, '' %}
            {% unless p.last == blank or first_character_in_key == '_' %}
                {{ p.first }}:
                {% if p.last contains '/uploads/' %}
                   <a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
                {% else %}
                    {{ p.last }}
                {% endif %}
            {% endunless %}
        {% endfor %}
    {% endif %}

    Replace entire section of code

  10. Select Save.

Updates need to be done on all theme files that output product prices on the site. The number and name of the files will vary from theme to theme. Usually, 3-5 files will need to be updated, which will control the price fields on the product, collection, search, related-products (on the product page) and homepage pages. It's important that each theme file that outputs a price be modified to ensure the correct pricing always shows.

When you're ready to proceed, select the "Files to Update" tab.

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

When you find a file that your theme has, select the "product.price" tab to continue.

  • "Templates" folder (all themes will have these files)
    • product.liquid
    • index.liquid
    • collection.liquid
    • search.liquid
  • "Snippets" folder (any given theme will typically have several of these)
    • product-block.liquid
    • product-card.liquid
    • product-form.liquid
    • product-grid-collage.liquid
    • product-grid-item-category.liquid
    • product-grid-item.liquid
    • product-list-item.liquid
    • product-listing.liquid
    • product-loop.liquid
    • product-single.liquid
    • product-thumbnail.liquid
    • product.liquid
    • related-products.liquid
    • search-result-grid.liquid
    • search-result.liquid
    • search.liquid
    • short-form.liquid
    • snippet-product-item.liquid
  • "Assets" folder (don't change anything in here)

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

Look for each of these ... ... and replace all instances with this code
product.price bold_price
product.price_min bold_price_min
product.price_max bold_price_max
product.price_varies bold_price_varies
product.compare_at_price bold_compare_at_price
product.compare_at_price_min bold_compare_at_price_min
product.compare_at_price_max bold_compare_at_price_max
product.compare_at_price_varies bold_compare_at_price_varies
product.selected_or_first_available_variant bold_selected_or_first_available_variant
product.variants.first bold_selected_or_first_available_variant
product.variants[0] bold_selected_or_first_available_variant

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 select the "item.price" tab.

Look for each of these ... ... and replace all instances with this code
item.price bold_price
item.price_min bold_price_min
item.price_max bold_price_max
item.price_varies bold_price_varies
item.compare_at_price bold_compare_at_price
item.compare_at_price_min bold_compare_at_price_min
item.compare_at_price_max bold_compare_at_price_max
item.compare_at_price_varies bold_compare_at_price_varies
item.selected_or_first_available_variant bold_selected_or_first_available_variant
item.variants.first bold_selected_or_first_available_variant
item.variants[0] bold_selected_or_first_available_variant

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 "File 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" (minus the quotes), 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'd 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.  Again, 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, and then look for that code in the theme. So, for the first item, you'd look for "product-detail.price", and if found, replace it with "bold_price".

Look for each of these ... ... and replace all instances with this code
*.price bold_price
*.price_min bold_price_min
*.price_max bold_price_max
*.price_varies bold_price_varies
*.compare_at_price bold_compare_at_price
*.compare_at_price_min bold_compare_at_price_min
*.compare_at_price_max bold_compare_at_price_max
*.compare_at_price_varies bold_compare_at_price_varies
*.selected_or_first_available_variant bold_selected_or_first_available_variant
*.variants.first bold_selected_or_first_available_variant
*.variants[0] bold_selected_or_first_available_variant

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.


V3 Code Install Instructions

  1. Duplicate themes, to create a backup copy.
  2. From Shopify's admin, select Online Store.
  3. Select Actions.
  4. Select Edit code.
  5. Under "Snippets" and "Assets", find these files:
    • bold-bundles.css
    • bold-common.liquid
    • bold-pr.liquid
    • shappify-bdl-load-bundle.liquid
  6. For any that don't exist:
    1. Select Add a new snippet or Add a new asset.
    2. Enter the correct snippet name.
    3. Select Create snippet.

      Select Create Snippet

    4. Copy and paste the code found in each of these links into their respective files:

      Paste Snippet Code

    5. Select Save.
    6. Repeat Steps 6.1 - 6.5 for each missing snippet file.

Within the theme files, complete the following steps.

  1. Under "Layout", select theme.liquid.
  2. Copy and paste the following code below the {{ content_for_header }} line:
    {%- render 'bold-pr' -%}
     {%- render 'bold-common' -%}

    Render bold tags

  3. Select Save.

Overview

Updates need to be done on all theme files that pull product information to the storefront. The number and name of these files will vary from theme to theme. Generally, three to five files will need to be updated.

These control the product information on the product, collection, search, related products, and home pages. It's important that each theme file that pulls this information be edited. This is to ensure the correct information always shows for your customers.

Note: This will require you to go back and edit multiple files within your theme coding.

Go through the list of files, one at a time, and then 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

  • Templates: Themes should contain most of these files. If your theme is using "Sections", these files will be located within the "Sections" folder as *-template.liquid files.
    • collection.liquid
    • list-collections.liquid
    • search.liquid
  • Sections & Snippets: Any given theme should typically have a few of these files.
    • collection-template.liquid
    • featured-collection.liquid
    • product-full.liquid
    • product-loop.liquid
    • product-recommendations.liquid
    • product-slider.liquid
    • related-products.liquid

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:

{% for product in collection.products %}

Find For Product

The following code should be inserted directly after each instance:

<script type="application/json" class="bold-product-json">{{ product | json }}</script>

Paste for product script

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

{% for item in search.results %}

Find For Item

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

Note: Visit Product Loop Code Variations for more information on what this coding may look like.

<script type="application/json" class="bold-product-json">{{ item | json }}</script>

Paste for item script

Overview

Updates need to be done on all theme files that output product prices on the site. The number and name of these files will vary from theme to theme. Generally, three to five 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.

Note: This will require you to go back and edit multiple files within your theme coding.

Go through the list of files, one at a time, and then 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

  • Templates: Themes should contain most of these files. If your theme is using "Sections", these files will be located within the "Sections" folder as *-template.liquid files.
    • product.liquid
    • index.liquid
    • collection.liquid
    • search.liquid
  • Sections & Snippets: Any given theme should typically have a few of these files.
    • featured-product.liquid
    • product-card.liquid
    • product-grid-item.liquid
    • product-form.liquid
    • product-template.liquid
    • related-products.liquid


Code Adjustments Required

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

{{ product.price | money }}

Find Product Price

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

<span class="money" data-product-id="{{ product.id }}">{{ product.price | money }}</span>

Paste Product Price Span

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

{{ item.price | money }}

Find Item Price

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

Note: Visit Product Price Code Variations for more information on what this coding may look like.

<span class="money" data-product-id="{{ item.id }}">{{ item.price | money }}</span>

 

Overview

Updates need to be done on 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.

Note: This may require you to go back and edit multiple files within your theme coding.

Go through the list of files, one at a time, and then 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

  • Templates: If your theme is using "Sections", these files will be located within the "Sections" folder as *-template.liquid files.
    • cart.liquid
  • Sections & Snippets:
    • cart-ajax.liquid
    • cart-content.liquid
    • cart-template.liquid


Code Adjustments Required

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

{{ item.price | money }}

Find Cart Item Price

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

<span class="money" data-line-index="{{ forloop.index0 }}">{{ item.price | money }}</span>

Paste Cart Item Span

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

{{ item.line_price | money }}

Find Cart Line Item Price

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

<span class="money" data-line-total data-line-index="{{ forloop.index0 }}">{{ item.line_price | money }}</span>

Paste Cart Line Item Span

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

{{ cart.total_price | money }}

Find Cart Total Price

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

<span class="money" data-cart-total>{{ cart.total_price | money }}</span>

Paste Cart Total Span

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

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

Within the theme files, complete the following steps.

  1. Under "Templates", select product.liquid

    Note: If your theme is using "Sections", the contents for this file may be within product-template.liquid.

  2. Find where you want to place your widget in the code.

    Note: Generally, most store owners will place just below your product page's </form> tag.

    Find closing form tag

  3. Copy and paste the following code in your desired location:
    {%- render 'shappify-bdl-load-bundle' -%}

    Render Bundle Code

  4. Select Save.
 Caution

Not all of the following coding snippets will need to be inserted into your theme. You will need to determine the function your theme uses to build your Ajax modals and install the appropriate coding from there. This section requires advanced knowledge of JavaScript and web coding to complete. If you are not comfortable with this, please contact our Merchant Success team for further assistance.

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.

Note: Only required for themes that have Ajax functions.

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

  • Assets: Your theme may contain one or a few of these files. The required coding adjustment(s) are explained in the next section.
    • ajax-cart.js.liquid
    • ajaxify-cart.js.liquid
    • ajaxify-shop.js.liquid
    • ajaxify.js.liquid
    • app.js
    • apps.js
    • atlantic.js* - Atlantic by Pixel Union
    • colors-ajax-cart.js.liquid* - Colors by Small Victories
    • ella.js* - Ella by Halo Themes
    • empire.js* - Empire by Pixel Union
    • functions.min.js
    • handy.js* - Handy by Pixel Union
    • jas_theme.min.js
    • js_main.js
    • main.js.liquid
    • script.js.liquid
    • script.min.js
    • sections.js.liquid
    • shop.js.liquid
    • site.js.liquid
    • superstore.js* - Superstore by Pixel Union
    • theme.js
    • theme.js.liquid
    • theme.min.js
    • timber.js.liquid
    • vendor.min.js

* = 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:

// Bold:PRE
if (typeof window.BOLD !== 'undefined'
&& typeof window.BOLD.common !== 'undefined'
&& typeof window.BOLD.common.cartDoctor !== 'undefined') {
// NOTE: "cart" should be the variable containing the cart JSON data
cart = window.BOLD.common.cartDoctor.fix(cart);
}
// Bold:PRE

buildCart Example

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:

// Bold:PRE
if (typeof window.BOLD !== 'undefined'
&& typeof window.BOLD.common !== 'undefined'
&& typeof window.BOLD.common.cartDoctor !== 'undefined') {
// NOTE: "cart" should be the variable containing the cart JSON data
cart = window.BOLD.common.cartDoctor.fix(cart);
}
// Bold:PRE

refreshCart Example

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.

Note: If Bold Upsell's Ajax code is already installed on your theme, you do not need to install this code. It should already be contained in your theme files.

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

// Bold:PRE
if (window.BOLD && BOLD.common && BOLD.common.eventEmitter &&
   typeof BOLD.common.eventEmitter.emit === 'function'){
BOLD.common.eventEmitter.emit('BOLD_COMMON_cart_loaded');
}
// Bold:PRE

getCartData Example

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:

// Bold:PRE
if (window.BOLD && BOLD.common && BOLD.common.eventEmitter &&
   typeof BOLD.common.eventEmitter.emit === 'function'){
BOLD.common.eventEmitter.emit('BOLD_COMMON_cart_loaded');
}
// Bold:PRE

updateView Example

Within the theme files, complete the following steps.

  1. Under "Snippets", select bold-common.liquid.
  2. Copy and paste this code in the bottom of the file.
    {{ 'https://bundles.boldapps.net/js/bundles.js' | script_tag }}
    {{ 'bold-bundles.css' | asset_url | stylesheet_tag }}

    Copy and paste the code at the bottom of the file

  3. Select Save.
Was this article helpful?
0 out of 0 found this helpful