Pro Blogger: Liquid Install – Narrative Theme

The purpose of this article is to provide a Liquid installation cheat sheet specific to users of the free “Narrative” 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 {{ content_for_header }} on line 34

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. Add  {% include ‘pro-blogger.snippet.related-articles’ %} below the </div> where you just paste {{ article_contents }}
  3. Related Products
    1. Add {% include ‘pro-blogger.snippet.related-products’ %} above or below {% include ‘pro-blogger.snippet.related-articles’ %}.

Sections/product-template.liquid

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

Snippets/article-card.liquid

  1. Author Substitution
    1. After <h3 class=”card__name”>{{ article.title }}</h3> on line 19. Add {% include ‘pro-blogger.shortcode-wrapper’ %}
    2. Search and replace {{ article.content }} with {{ article_contents }}

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