Step 1: Install the featured blog posts snippet
Copy the code snippet below, and paste it into your
templates/pages/blog.html
template wherever you would like the featured blog posts carousel to display. E.g. above the
{{#each blog.posts}}
code loop.
<div id="js-blinker-featured-posts"></div>
Step 2: Install the related products snippet
Copy the code snippet below, and paste it into your
templates/components/blog/post.html
template wherever you would like the related products grid to display. E.g. as the last item inside the
<article class="blog">
element.
<div id="js-blinker-related-products"></div>
Step 3: Install the related blog posts snippet
Copy the code snippet below, and paste it into your
templates/pages/product.html
template wherever you would like the related blog posts grid to display. E.g. as the last item inside the
{{#partial "page"}}
code block.
<div id="js-blinker-related-posts"></div>
Please view the
user documentation
for more information.