Pro Blogger: Liquid Install – Supply Theme

The purpose of this article is to provide a Liquid installation cheat sheet specific to users of the free “Supply” Shopify theme.

It doesn’t replace the more detailed install instructions available but gives you install pointers specific to this theme. The instructions assume that you are aware of the navigation required to edit the theme files listed below. If you are not familiar with these then refer to each of the more detailed articles.

Layout/theme.Liquid

  1. All features
    1. Add {% include ‘pro-blogger-section-wrapper’ %} below <head> on line 7

Templates/blog.liquid

  1. Author Substitution
    1. After {% for article in blog.articles %} on line 17 add {% include ‘pro-blogger.shortcode-wrapper’ %}
    2. Search and replace article.content  with article_contents
    3. Search and replace {{ article.author }}  with {{ newauthor }}

Sections/article-template.liquid

  1. Author Substitution
    1. Add {% include ‘pro-blogger.shortcode-wrapper’ %} at the top of the file before all existing content .
    2. Search and replace article.content  with article_contents
    3. Search and replace {{ article.author }}  with {{ newauthor }}
  2. Related Articles – if you want the Related Articles below your Article content
    1. After </div> on line 28 – add  {% include ‘pro-blogger.snippet.related-articles’ %} 
  3. Related Products – if you want the Related Products below your Article content
    1.  After{% include ‘pro-blogger.snippet.related-articles’ %} on line 29 – add  {% include ‘pro-blogger.snippet.related-products’ %} 

Snippets/featured-blog.liquid

  1. Author Substitution
    1. Add {% include ‘pro-blogger.shortcode-wrapper’ %} at the top of the file before all existing content .
    2. Search and replace article.author with newauthor
    3. Search and replace article.excerpt_or_content with article_contents

Sections/product-template.liquid

  1. Related Product Articles
    1. After the {% endif %} on line 160. Add {% include ‘pro-blogger.snippet.related-product-articles’ %} 

If you prefer to have the Related Articles and Products in the blog side bar  then instead of adding Related Products and Related Articles to the article-template.liquid do the following.

Snippets/blog-sidebar.liquid

  1. Related Articles
    1. After {% endif %} on line 23 – add  {% include ‘pro-blogger.snippet.related-articles’ %} 
  2. Related Products
    1. After {% endif %} on line 23 – add  {% include ‘pro-blogger.snippet.related-products’ %} 

Errors? Check your Syntax and enclose text with straight apostrophes

Text inside the apostrophe should show as Green not Black

Was this article helpful?

Related Articles