Supported Versions
The details shared here apply to the most recent version of Flex. To keep your theme up to date, check out this helpful document.
In This Article
Using the Product Stickers
Flex includes a variety of 'Product Stickers' (also known as product banners, product badges, or product labels) that can appear on your product thumbnail images within Collection pages/Featured Collections or on the Product Page itself!
These product stickers allow you to easily highlight items and direct your customers' attention to items that are new, on sale, coming soon, on pre-order, best seller, or staff pick!
In order to display these product stickers, head into Customize (your Theme Editor) > Theme Settings > Product Grid > Product Stickers > enable the 'Show sale stickers' setting.
You can define and sort products by creating collections for each product sticker category. For example, if you'd like the 'Staff Pick' label to appear, you just need to create a collection called Staff Pick and add that product!
The only exception here is the 'Sale' product sticker, if an item is simply put on sale and the product stickers are enabled, it will show up.
In order to edit the product sticker text, you can head into the Language Files (Online Store > Themes > Actions > Edit Languages) and select Collections > General.
Creating Collections for the Stickers
There are six different product stickers that can be added to your products by creating certain collections! These stickers are: best seller, coming soon, new, pre-order, sale, and staff pick.
If you want any of these stickers to appear (except for 'sale' this will appear when an item is put on sale), you'll need to create collections for them.
Within your Shopify Admin, you can click into Products > Collections > Create Collection.
The collections will need to have these exact names: Best seller, Coming soon, New, Pre-order, Staff Pick – in order for the stickers to show up!
You'll also need to make sure that the collection handle matches.
To confirm or change the collection's handle, you will need to click 'Edit Website SEO' found near the bottom of the Collection page:
Product Stickers Settings
Settings for the Product Stickers are located in both the Product Grid settings (Customize > Theme Settings > Product Grid) and the Color settings (Customize > Theme Settings > Colors).
Product Grid Settings
Shape
Once you've checked off the 'show sale stickers' setting to enable the product stickers, you can also choose between 'square' or 'round' in the 'shape' setting. This will apply on both the Product and Collection pages.
Position
The 'position' setting applies to stickers on product thumbnails, so either on Collection pages or Featured Collection sections! Choose between top left, top right, bottom left, or bottom right.
Color Settings
The product sticker categories can have their own distinct color. You can choose these colors in Theme Settings > Colors > Product Stickers: