Burst Commerce Burst Commerce
Flair
Getting Started
Badges
Banners
Customization
Support

Pacific + Flair Shopify theme guide

By: Pixel Union
We've put together this guide for setting up Flair in the Pacific Shopify theme by Pixel Union. 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-blocks.liquid:

{% else %}
      {{ product.title }}
    {% endif %}
</{{ heading_element }}>
<div data-flair-product-badge data-product-id={{ product.id }}></div>

And add line 5.

On collection pages

Edit snippets/product-list-item.liquid:

<{{ elementType }} class="product-list-item">
  <div data-flair-product-badge data-product-id={{ item.id }}></div>

And add line 2.

For best results, you will need to use a badge layout that is absolutely positioned.

Install Flair banners

Edit layout/theme.liquid:

<div data-flair-banner></div>
{{ content_for_layout }}

And add line 1.

For best results for Flair banners, we recommend disabling "Sticky Header". Navigate to: Customizer > Header > Enable sticky header

Additional Resources