Pro Blogger: Liquid Install – Simple Theme

The purpose of this article is to provide a Liquid installation cheat sheet specific to users of the free “Simple” 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 4

Templates/blog.liquid

  1. Author Substitution
    1. After {% for article in blog.articles %} on line 12 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
    1. After {% endif %} on line 60 – add  {% include ‘pro-blogger.snippet.related-articles’ %} 
  3. Related Products
    1.  After {% endif %} on line 60 – add  {% include ‘pro-blogger.snippet.related-products’ %} above or below where you added {% include ‘pro-blogger.snippet.related-articles’ %}.

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 156. Add {% include ‘pro-blogger.snippet.related-product-articles’ %} 

If you prefer to have the Related Articles for both Articles and Products in the side bar below your menu options then instead of adding Related Product Articles to the product-template.liquid and Related Articles to the article-template.liquid do the following.

Sections/sidebar.liquid

  1. After the  </ul> on line 146. Add the following code

{% if template == ‘article’ %}
<div style=”width : 196px”>
{% include ‘pro-blogger.snippet.related-articles’ %}
</div>
{% endif %}
{% if template == ‘product’ %}
<div style=”width : 196px”>
{% include ‘pro-blogger.snippet.related-product-articles’ %}
</div>
{% endif %}

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