Flair Install Guide

3 min read
updated Feb 03, 2022

Before you get started

Make a backup copy of your theme

We recommend you make a copy of your theme before making any changes:

  • Visit Shopify Admin > Themes and click Actions > Duplicate.

We're here when you need us

If you have any questions or need help with the Flair set up, you can contact us anytime. All paid Flair plans include free installation.

Demo

1. Enable Flair

To enable Flair in your theme:

  • Visit the Shopify Admin > Themes, and then click Customize for the theme you are working on.
  • Click Theme settings (in the bottom left), and then click App embeds.
  • Locate the app called Flair, and then click the button to enable it.
  • Click Save to apply your changes.

Before you continue...

Steps 2 and 3 are for Online Store 2.0 themes.

If your theme is not compatible with Online Store 2.0, or if you'd like to customize your Flair install, check out our list of Theme Install Guides here.

2. Enable Flair product badges

  • Visit the Shopify Admin > Themes, and click Customize for the theme you are working on.
  • Select a product template.
  • Choose Add block and select the Flair product badges block and move it where you’d like it to show.
  • Click Save to apply your changes.

Options

The Flair product badges block supports the following options:

  • Name - A descriptive name for this block shown within the Shopify Customizer. This is for internal use only and will not be shown to your customers.
  • Layout - An optional Flair badge layout name.

3. Enable Flair banners

  • Visit the Shopify Admin > Themes, and click Customize for the theme you are working on.
  • Select the template you’d like to add a Flair banner to.
  • Choose either Add block or Add section and select the Flair banners block.
  • Click Save to apply your changes.

Options

The Flair banners block supports the following options:

  • Name - A descriptive name for this block shown within the Shopify Customizer. This is for internal use only and will not be shown to your customers.
  • Layout - An optional Flair banner layout name.

Upgrade Instructions

If you installed Flair prior to February 2022, follow these instructions to upgrade to the Online Store 2.0 Flair version.

  • Visit the Shopify Admin > Themes, and click Actions > Edit code for the theme you are working on.
  • Open the layout/theme.liquid theme file and search for the following line:
    {% render 'flair-app-init' %}
    
  • If the line exists, remove it and click Save.

You can now optionally remove the following two files in your theme as they are no longer needed:

  • snippets/flair-app-init.liquid
  • assets/flair-app.js