Responsive by Out of the Sandbox

Here are the instructions to install Flair on the Responsive theme made by Out of the Sandbox.

How to edit your theme

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

Install Flair product badges

On product pages

Edit snippets/product.liquid:

{% else %}
<h1 class="product_name">
<a href="{{ product.url }}">
{{ product.title | escape }}
</a>
</h1>
{% endif %}
<div data-flair-product-badge data-product-id={{ product.id }}></div>

And add line 8.

On collection pages

Edit snippets/product-thumbnail.liquid:

<span class="thumbnail__title">{{ product.title }}</span>
<div data-flair-product-badge data-product-id={{ product.id }}></div>

And add line 2.

Install Flair banners

Edit sections/header.liquid:

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

And add line 1.

Additional Resources