Blockshop by Troop Themes

Here are the instructions to install Flair on the Blockshop theme made by Troop Themes.

How to edit your theme

  • Visit Shopify Admin > Themes and click Actions > Edit code.

Install Flair product badges

On product pages

Edit sections/product.liquid:

{%- when 'heading' -%}
<h2 class="product-page--heading" data-item="section-heading">
{{ product.title }}
</h2>
<div data-flair-product-badge data-product-id={{ product.id }}></div>

And add line 5.

On collection pages

Edit snippets/product--item.liquid:

echo '<p class="product--title" data-item="paragraph">'
echo title
echo '</p>'
render 'flair-product-badges', product: product

And add line 4.

Install Flair banners

Edit layout/theme.liquid:

<body>
<div data-flair-banner></div>

And add line 2.

Additional Resources