Add Flair to Ella Shopify themes

Add Flair badges

On collection pages

• Open snippets/product-card.liquid.

• Find the line containing:

  <h3 class="card__heading">

• And add this after it:

  Flair Gen 3

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

  Flair Gen 2

  <div data-flair-product-badge data-product-id="{{ product_card_product.id }}"></div>

• Click Save.

On product pages

• Open snippets/product-title.liquid.

• And add this at the end of the file:

  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.