Add Flair to Ella Shopify themes

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

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:

    <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