Top

Recurring Memberships Liquid Install Instructions

1: Theme

 

Within the Layout folder, click on theme.liquid to open.

Find the opening body tag (<body>). Below the opening body tag, add this code:

You got this one! Save the file.

2: Article.liquid

 

Within the Templates folder, click on article.liquid to open.

Copy the code below and paste on the first line of the article.liquid file.

NOTE If you intend to use the alternate template feature, each alternate template must also have this include at the top of the file.

One more save and you're done here!

3: Blog.liquid

 

Within the Templates folder, click on blog.liquid to open.

Like the step above, copy the code below and paste on the first line of the blog.liquid.

NOTE If you intend to use the alternate template feature, each alternate template must also have this include at the top of the file.

After adding the code, save the file.

4: Page.liquid

 

Within the Templates folder, click on page.liquid to open.

Insert on the first line of the page.liquid these lines of code:

NOTE If you intend to use the alternate template feature, each alternate template must also have this include at the top of the file.

Another step down. Save the file.

5: Search.liquid

 

Within the Templates folder, click on search.liquid to open.

Look for the line {% for item in search.results %} or (% for product in search.results %).

Add the code below the {% for item in search.results %}

After copying and pasting the code, save the file.

6: customers/account.liquid

 

Within the Templates folder, click on customers/account.liquid to open.

On the first line, copy and paste these lines of code:

Staying near the top of the file, look for the line of code <h1 class="title clearfix">.

Below that line, add this code:

We are done here! Save the file.

7: collection.liquid

 

Within the Templates folder, click on collection.liquid to open.

On the first line, copy and paste these lines of code:

NOTE If you intend to use the alternate template feature, each alternate template must also have this include at the top of the file.

Almost done! Click save and move along.

TIP For many themes, this next change will be made within the collection.liquid template. However, this can vary in other themes. If the code cannot be found, it may be in the product-loop.liquid snippet.

In the collection.liquid, look for the line {% for product in collection.products %}, or similar. Below that line, add this code:

Look for code that references a price, such as {{ product.price | money }}, or similar. You may need to check in other liquid files. Above each price code, add these lines:

8: product.liquid

 

Within the Templates folder, click on product.liquid to open.

On the first line, copy and paste these lines of code:

NOTE If you intend to use the alternate template feature, each alternate template must also have this include at the top of the file.

Find the button that adds the product to the cart. Wrap the add to cart button with this code.

TIP Some themes may have an add to cart button outisde of the product page, such as a quick view window. The code will also need to be added in that location too.

Once more, look for code that references a price, such as {{ product.price | money }}, or similar. Above each price code, add these lines:

Save your work.

Woohoo! The code install is complete!

You may need to create snippets as well, follow the link to see those:

Memberships Snippet

 

Have more questions? Submit a request