Pro Blogger: Liquid Install – Brooklyn Theme

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

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 }}
  2. Related Articles – If you want Related Articles to be below your Article content.
    1. Add  {% include ‘pro-blogger.snippet.related-articles’ %} below the </div> where you just pasted {{ article_contents }} on line 25.
  3. Related Products – If you want Related Product to be below your Article content.
    1.  Add {% include ‘pro-blogger.snippet.related-products’ %} above or below {% include ‘pro-blogger.snippet.related-articles’ %}.

Templates/blog.liquid

  1. Author Substitution
    1. After {% for article in blog.articles %} on line 23. Add {% include ‘pro-blogger.shortcode-wrapper’ %}
    2. Search and replace {% assign article_content = article.excerpt_or_content %} with {% assign article_content = article_contents %}

Snippets/featured-blog.liquid

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

Sections/product-template.liquid

  1. Related Product Articles
    1. After the </div>  on line 95. Add {% include ‘pro-blogger.snippet.related-product-articles’ %} 

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