How do I set up custom product badges?
To set up a custom product badge, add a tag to the product that you wish to add the custom badge to, using the following format: "custom_badge_1-Name". The parts of the tag that should be changed are bold and italicised. The number represents the color scheme that will be used and the name placeholder is the label that will be shown on the badge.
For example, the tag "custom_badge_1-New" would add a badge with the label "New" to the product using the custom badge 1 colour scheme, while the tag "custom_badge_2-Popular" would add a badge with the label "Popular" to the product using the custom badge 2 colour scheme. You can add custom badges that have the same color scheme but different labels. For example, you could have "custom_badge_1-New" for one product, and "custom_badge_1-Popular" for another product. The products would then have badges with the same color but different labels.
You can customize custom badge color schemes in the
theme settings. There are three color schemes that you can use. Tags that begin with "custom_badge_1" will use the color setting for custom badge color scheme 1, tags that begin with "custom_badge_2" will use the color setting for custom badge color scheme 2 and tags that begin with "custom_badge_3" will use the color setting for custom badge color scheme 3.
Related Articles
Product page
The product page displays details for a product and lets customers add the product/variant to their shopping cart. Product details are added as blocks and include the product title, price, description, quantity selector, variant selectors, SKU, ...
Featured product
Featured product displays details for a product and lets customers add the product/variant to their shopping cart. Product details are added as blocks and include the product title, price, description, quantity selector, variant selectors, SKU, ...
Badge settings
Badge settings are used to customize the appearance of product badges, which are displayed in product cards and product sections. Badge settings are listed below and are accessed through the theme settings. Setting Description Position on cards ...
Product card settings
Product card settings are used to customize the appearance of product cards displayed in the collection page and featured collection sections. Product card settings are listed below and are accessed through the theme settings. Setting Description ...
Custom Liquid
Custom Liquid allows you to add custom HTML or Liquid code in a section. Section settings for custom iquid are listed in the table below. Setting Description Custom Liquid Add custom Liquid. Make section full width Use this setting to make the ...