Bold Motivator Install Instructions

Michael

March 09, 2016 20:07

Bold Motivator
All Versions
Advanced liquid knowledge required
30 Minutes+

Warning!

This article requires technical knowledge and prior experience with liquid code. If you are not comfortable with this, Request a Bold Motivator Installation for help.

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

Select each step below to view the instructions.

Step 1: Add Snippet Files

Duplicate themes, to create a backup copy.
From Shopify's admin, select Online Store.
Select Actions.
Select Edit code.
Under "Snippets", find these three files:
- bold-product.liquid
- bold-variant.liquid
- bold-cart-item.liquid
For any that don't exist:
1. Select Add a new snippet.
2. Enter the correct Snippet name.
3. Select Create snippet.
4. Copy and paste the code found in each of these links into their respective files:
5. Select Save.
6. Repeat steps 6a – d for each missing snippet file.

Step 2: Edit theme.liquid

From Shopify's admin, select Online Store.
Select Actions.
Select Edit code.
Under "Layout", select theme.liquid.

Copy and paste this code directly above the </head> tag:

{% if product.metafields.inventory.ShappifyHidden == "true" %} <meta name="robots" content="noindex"> {% endif %}

copy and paste this code

Select Save.

Step 3: Edit collection.liquid

From Shopify's admin, select Online Store.
Select Actions.
Select Edit code.
Under "Templates", select collection.liquid.
Note: If your template contains sections, you will need to select the collection-template.liquid section instead.
Find:
```
{% for product in collection.products %}
```
Note: This line may appear more than once in the file, you will need to add the line of code for each instance. Can't find this code?

Copy and paste this code directly below each instance:

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

copy and paste this code below

Select Save.

Step 4: Edit index.liquid

From Shopify's admin, select Online Store.
Select Actions.
Select Edit code.
Under "Templates", select index.liquid.
Find:
```
{% for product in collection.products %}
```
Note: This line may appear more than once in the file, you will need to add the line of code for each instance. Can't find this code?

Copy and paste this code directly below each instance:

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

copy and paste this code above

Select Save.

Step 5: Edit related-products.liquid

From Shopify's admin, select Online Store.
Select Actions.
Select Edit code.
Under "Snippets", select related-product.liquid.
Note: If the theme does not have the file related-product.liquid, proceed to the next step.
Find:
```
{% for product in collection.products %}
```
Note: This line may appear more than once in the file, you will need to add the line of code for each instance. Can't find this code?

Copy and paste this code directly below each instance:

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

copy and paste this code below

Select Save.

Step 6: Edit search.liquid

From Shopify's admin, select Online Store.
Select Actions.
Select Edit code.
Under "Templates", select search.liquid.
Note: You may find this code in a similarly titled file instead.
Find:
```
{% for item in search.results %}
```
Note: This line may appear more than once in the file, you will need to add the line of code for each instance.

Copy and paste this code directly below each instance:

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

copy and paste this code below

Select Save.

Step 7: Edit product.liquid

From Shopify's admin, select Online Store.
Select Actions.
Select Edit code.
Under "Templates", select product.liquid.
Note: If your template contains sections, you will need to select the product-template.liquid section instead.

Paste this code at the top of the file:

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

paste this code

Select Save.

Step 8: Edit cart.liquid

From Shopify's admin, select Online Store.
Select Actions.
Select Edit code.
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.
Find:
```
{% for item in cart.items %}
```
and add this code directly after:
```
{% include 'bold-cart-item' with item %}
```
Note: This may appear more than once in the file, repeat this step for each instance.
Find a line that starts with <input,ends with /> and contains value="{{ item.quantity }}". Can't find this code?

Copy and paste:

{{ bold_qty_attr }}

right before the />.

It will look similar to this:

<input value="{{ item.quantity }}" {{ bold_qty_attr }} />

paste this code

Select Save.

That's it!

Next Steps:

Some themes will have the related products code in a differently named file. Try looking for the following files instead:

product-related-items.liquid
snippet-related-products.liquid

Some themes will use a slight variation of this code. If you can't find it, try looking for the following instead:

{% for prod in collection.products %}
{% for product in collections.all.products %}
{% for product in products limit: limit %}
{% for product in product-list.products limit: for_limit %}
{% for product in collection.products limit: settings.pagination_limit %}
{% for product in collection.products limit: number_of_products_to_fetch %}
{% for product in collection.products limit: number_of_related_products %}
{% for product in collections[settings.frontpage_collection].products offset:1 %}
{% for product in collection.products limit: settings.products-per-page %}

The code to look for will most likely start with {% for product in.... If you find a line that starts with that, or what's listed above, add the following underneath it:

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

Some files may use something like this:

{% for prod in collection.products %}

If you find this, then put the following underneath it instead:

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

Some themes will use a slight variation of this code. If you can't find it, try looking for the following instead:

{% for product in collections.all.products %}
{% for product in products limit: limit %}
{% for product in product-list.products limit: for_limit %}
{% for product in collection.products limit: settings.pagination_limit %}
{% for product in collection.products limit: number_of_products_to_fetch %}
{% for product in collection.products limit: number_of_related_products %}
{% for product in collections[settings.frontpage_collection].products offset:1 %}
{% for product in collection.products limit: settings.products-per-page %}

The code to look for will most likely start with {% for product in.... If you find a line that starts with that, or what's listed above, add the following underneath it:

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

Some files may use something like this:

{% for prod in collection.products %}

If you find this, then put the following underneath it instead:

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

Some themes will have the code in a file that's included in the index.liquid file. Try looking for the following files under "Snippets" instead:

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
tabs-collection.liquid

Many themes will have a variation of this code that helps control the prices on the home page, but some themes don't. If you can't find the code, then this step can be skipped.

Bold Motivator Install Instructions

Warning!

Step 1: Add Snippet Files

Step 2: Edit theme.liquid

Step 3: Edit collection.liquid

Step 4: Edit index.liquid

Step 5: Edit related-products.liquid

Step 6: Edit search.liquid

Step 7: Edit product.liquid

Step 8: Edit cart.liquid

Next Steps:

Comments

Articles in this section

Warning!

Next Steps:

bold-product.liquid code

bold-variant.liquid code

bold-cart-item.liquid code

Cart

related products.liquid

Index

Collection

Comments

Articles in this section