Add Flair to Blockshop Shopify themes

By: Troop Themes
This guide includes instructions for setting up Flair badges and Flair banners in the Blockshop Shopify theme made by Troop Themes.

How to edit your theme

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

Add Flair badges

On collection pages

  • Open snippets/product-card.liquid.

  • Find the line containing:

    <p class="product--title"
  • And add this before it:

    Flair Gen 3
    <flair-badges product-id="{{ product_item.id }}"></flair-badges>
    Flair Gen 2
    <div data-flair-product-badge data-product-id="{{ product_item.id }}"></div>
  • Click Save.

On product pages

  • Open sections/main-product.liquid.

  • Find the line containing:

    </h1>
  • And add this after it:

    Flair Gen 3
    <flair-badges product-id="{{ product.id }}"></flair-badges>
    Flair Gen 2
    <div data-flair-product-badge data-product-id="{{ product.id }}"></div>
  • Click Save.

Resources