Ella by Halothemes

Here are the instructions to install Flair on the Ella theme made by Halothemes.

How to edit your theme

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

Install Flair product badges

On product pages

Edit snippets/product-template-default.liquid:

<h1 class="product-title" data-main-product-handle="{{ product.handle }}">
{% render 'multilang' with product.title %}
</h1>
<div data-flair-product-badge data-product-id={{ product.id }}></div>

And add line 4.

On collection pages

The snippet to edit varies based on the 'style_product_grid' theme setting.

Edit snippets/product-grid-item.liquid:

<a class="product-title {% if settings.product_variant_name %}{% if select != blank %}change-text{% endif %}{% endif %}" href="{{ product.url | within: collection }}">
{% render 'multilang' with product.title %}
{% if settings.product_variant_name %}
{% if select != blank %}<span data-change-title> - {{ select }}</span>{% endif %}
{% endif %}
</a>
<div data-flair-product-badge data-product-id={{ product.id }}></div>

And add line 7.

Install Flair banners

Edit sections/static-header.liquid:

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

And add line 1.

Additional Resources