Ella + Flair Shopify theme guide

By: Halothemes
We've put together this guide for setting up Flair in the Ella Shopify theme by Halothemes. This page includes instructions for setting up Flair badges (aka labels or stickers) and Flair banners.

How to edit your theme

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

Install Flair product badges

On product pages

Edit snippets/product-title.liquid:

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

And add line 1 to the end of the file.

On collection pages

Edit snippets/product-card.liquid:

Other product-card-XX.liquid snippets may be in use depending on your theme settings.

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

And add line 2.

Install Flair banners

Edit sections/static-header.liquid:

<div data-flair-banner></div>
<section class="main-header">

And add line 1.

Additional Resources