Flex includes a variety of Product Stickers (also known as banners, badges, or labels) to enhance product cards and images.
Highlight items and direct customer attention to items that are:
- New
- On sale
- Coming soon
- Pre-order
- Bestseller
- Staff pick
Enable Show stickers in the Product grid portion of the Theme settings, then define and sort products by creating collections for each product sticker category.
The Sale product sticker appears any time a product is on sale and the product stickers are enabled (no need for a dedicated collection).
Edit the product sticker text by visiting the Collections section of the language editor (Actions > Edit languages).
Creating Collections for the Stickers
There are six product stickers that can be connected to your products by creating dedicated collections.
Match stickers by creating collections with the same name (not case sensitive).
New
Use the Products admin to create a new collection and name it New.
On sale
Each product with a lower Price than its Compare at price will feature the sticker automatically.
Coming soon
Use the Products admin to create a new collection and name it Coming soon.
Pre-order
Use the Products admin to create a new collection and name it Pre-order.
Bestseller
Use the Products admin to create a new collection and name it Bestseller.
Staff pick
Use the Products admin to create a new collection and name it Staff pick.
Product Stickers Settings
Back in the theme editor (Customize), there are additional controls for the Product Stickers. Access these settings through the Product grid and Colors areas of the Theme settings.
Shape
Select either Round or Square to control the container shape for the stickers.
Position
The Position setting applies to stickers on product thumbnails (Collection pages or Featured Collection sections).
Select Top left, Top right, Bottom left, or Bottom right.
Color settings
The product sticker categories can have their own distinct color customized in the Colors area of the Theme settings.