How to edit your Shopify theme

This is a reference guide for common Shopify theme editor tasks related to Flair. You don't need to follow every section. Jump to the one you need.

Open the theme editor

1. Go to Shopify Admin > Online Store > Themes.
2. Find your theme and click Edit theme.

Enable Flair in your theme

Turn on Flair in your theme so it can display badges and banners.

1. Open the theme editor and click the App embeds icon in the left sidebar.

2. Find Flair and toggle it on as shown below.

3. Click Save.

Add an app block to your theme

App blocks let you add Flair badges and banners to your theme without editing code.

1. Open the theme editor and navigate to the page you want to edit (e.g. a product page).
2. Click Add block.

3. Select a Flair block (e.g. Flair badges or Flair banners).

4. Drag it to where you want it to appear.
5. Click Save.

Advanced theme customization

Duplicate your theme

We recommend duplicating your theme before making code changes. Make your changes in the copy, then publish it when you're done.

1. Go to Shopify Admin > Online Store > Themes.
2. Click ... next to your theme, then Duplicate.

Edit theme code

Some Flair setups require editing your theme's code directly.

1. Go to Shopify Admin > Online Store > Themes.
2. Click ... next to your theme, then Edit code.

Add custom CSS to your theme

Use custom CSS to adjust how Flair appears on your store.

1. Open the theme editor and click Theme settings (gear icon).
2. Find Custom CSS and expand it.

3. Add your CSS and click Save.