Product Card Badges

Estimated reading: 1 minute

The Flux theme includes an option to display two product badges on a product card simultaneously. You can also position the badges in different corners of the product image.

  • One badge dynamically shows a sale badge (if you set a discount for the product) or a sold-out badge (if the product is unavailable).
  • For the sale badge, you can choose to display the discount percentage instead of the standard “sale” text. To enable this, tick the “Show discount percentage” checkbox in Theme Settings > Badges.

For the second badge, you’ll need to use a product tag. For example, if you want to display a “New” badge on recently added products, follow these steps:

  1. Add a tag (e.g., new) in the product tag field for each relevant product.
  2. Go to Theme Settings > Badges and enter the same tag in the “Custom badge tag” field.
  3. Add the desired text for your badge in the “Custom Badge Text” field.

Once set, any product with the tag you specified will automatically display the badge.

You can also customize the appearance of your custom badge by using the text and background color options.

Share this Doc

Product Card Badges

Or copy link