We've released the "Product Card Badge" feature, which displays active campaigns as badges on your product listings.
You can now effectively promote campaign information such as "SALE," "10% OFF," or "Gift Included" on any product listing — collection pages, recommended product lists, and more.
Features
Flexible position settings
You can display any badge text on top of the product image in the product listing.
Choose the badge position on the product image from the following options:
- Top left
- Bottom left
- Top right
- Bottom right
Pixel-level position adjustment is also supported, allowing for fine-grained design control.
Full control over the number displayed
You can set the number of badges displayed for the same product, from 1 to 10. The default is 2.
Extensive design options
Choose from 4 shapes to match your store's look and feel:
- No rounded corners (simple square)
- Rounded corners (softer impression)
- Tag style (notched design)
- Custom (customizable corner rounding)
You can freely set the text color and background color for each badge, and apply different colors for each status.
Multi-language support
The text displayed on badges can be translated and configured in multiple languages, supporting stores with a global reach.
Real-time preview
When changing your settings, you can check the results in real time in the preview screen, making it easy to achieve the look you want.
Product card badge specifications
- Display location: On the product image in the product listing
- Display timing: Only while the campaign is active
- Maximum number displayed: 10
- Text limit: Up to 10 characters
- Supported positions: 4 directions (top left, bottom left, top right, bottom right)
- Applicable products: Can only be specified by collection or product
Affected areas
This feature is available from the following settings screens.
- Discount campaign detail page > Display settings
- Gift campaign detail page > Display settings
