Add Flair to Trade Shopify themes

Add Flair badges

On collection pages

• Open snippets/card-product.liquid.

• Find the line containing:

  <div class="card-information">

• And add this before it:

  Flair Gen 3

  <flair-badges product-id="{{ card_product.id }}"></flair-badges>

  Flair Gen 2

  <div data-flair-product-badge data-product-id="{{ card_product.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

• Use a Flair badge layout to customize your badges, including: multiple badges, spacing and margin, variants, and more.
• Check out the Flair development guide for advanced badge customizations.