The purpose of this article is to provide a Liquid installation cheat sheet specific to users of the “Empire” 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.
Sections/static-blog.liquid
- Author Substitution
- After {% endif %} on line 53 add {% include 'pro-blogger.shortcode-wrapper' %}
- Search and replace article.content with article_contents
- Search and replace {{ article.author }} with {{ newauthor }}
Sections/static-article.liquid
- Author Substitution
- At the start of the file on line 1 before anything else add {% include 'pro-blogger.shortcode-wrapper' %}
- Search and replace article.content with article_contents
- Search and replace {{ article.author }} with {{ newauthor }}
- Related Articles - if you want the Related Articles below your Article content
- After {% endif %} on line 154 – add {% include 'pro-blogger.snippet.related-articles' %}
- Related Products - if you want the Related Products below your Article content
- After{% include 'pro-blogger.snippet.related-articles' %} on line 154 – add {% include 'pro-blogger.snippet.related-products' %}
Snippets/article-excerpt.liquid
- Author Substitution
- Add {% include 'pro-blogger.shortcode-wrapper' %} at the top of the file before all existing content .
- Search and replace article.author with newauthor
- Search and replace article.content with article_contents
Snippets/article-excerpt-featured.liquid
- Author Substitution
- Add {% include 'pro-blogger.shortcode-wrapper' %} at the top of the file before all existing content .
- Search and replace article.author with newauthor
- Search and replace article.content with article_contents
Sections/static-product.liquid
- Related Product Articles
- After the {% endif %} on line 166. 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.
Sections/static-article.liquid
- Related Articles
- After </script> on line 6 – add<style> @media screen and (min-width: 1300px) { .pb-related-articles { width: 280px; } } @media screen and (max-width: 1250px) { .pb-related-articles { display: none; } }</style>
- Then add the following before </aside> on line 5 <div class="pb-related-articles"> {% include 'pro-blogger.snippet.related-articles' %} <div>
- Related Products
- After </script> on line 6 – add<style> @media screen and (min-width: 1300px) { .pb-related-articles { width: 280px; } } @media screen and (max-width: 1250px) { .pb-related-articles { display: none; } }</style>
- Then add the following before </aside> on line 5 <div class="pb-related-articles"> {% include 'pro-blogger.snippet.related-products' %} <div>
Errors? Check your Syntax and enclose text with straight apostrophes
Text inside the apostrophe should show as Green not Black