Will Flair product badges work with your Shopify theme badges?
A Flair customer Kristy recently emailed me and asked:
Can you please tell me will Flair badges override existing ones? For example, our theme shows a 'sold out' badge if there is no stock.
You see, many Shopify themes come with built-in support for a handful of badges.
If both Flair and your theme are creating product badges, there is some potential for conflict.
In today's post, I'd like to discuss how Flair works with Shopify themes that support badges. This will include:
- What product badges are commonly included in Shopify themes
- Can you use both Flair badges AND your Shopify theme badges?
- Recommendations for using Flair with Shopify themes that support badges
What product badges are commonly included in Shopify themes
Many Shopify themes include badges out of the box.
However, since badges are just a small portion of a theme's functionality, most themes only support a few possible badges.
So what types of badges do Shopify themes typically include?
In my experience, the three most common types of badges included are:
Here is an example of a
Sale badge used in the Shopify Minimal theme:
Can you use both Flair badges AND your Shopify theme badges?
Which brings us back to the question that started this post:
Will Flair badges override existing Shopify theme badges?
The answer is:
Flair badges can happily coexist with your Shopify theme badges.
Flair was designed to be a simple drop-in set of badges that you can add to any product or collection page.
This means Flair badges will not affect your theme's current badges.
Recommendations for using Flair with Shopify themes that support badges
Flair badges can be used at the same time as your theme's built-in badges.
But should you?
Here is an example showing products using the Minimal Shopify theme with both Flair badges and the built-in theme badges.
Having more than one badge on a product can be a distraction.
When a customer is scrolling through your products, the products should be the star of the show. Having too many badges can result in your customer focusing more on your badges and less on your products.
Here is how those same two products look using only Flair product badges:
Flair puts you in complete control of your product badges
Flair also let's you configure badge priorities so you can decide which is the most important badge to display at any given time. Want to promote a big sale, you can move the
Big Sale badge to the to top of the list.
By using only Flair badges, you will also convey a more consistent look and feel within your shop for your product badge messaging.
Many Shopify themes come with built-in support for a minimal set of product badges such as
Sold Out and
Flair product badges will not interfere with your Shopify theme's product badges in any way. This means you can use both Flair product badges and your theme's badges at the same time.
However, you may want to reconsider using both Flair and your Shopify theme badges.
Showing too many product badges at the same time may be a distraction and interfere with the customer buying process.
As a result, I typically recommend using Flair exclusively for your product badges. This puts you in complete control of your product badge priority and rules, all in one place.