COLLECTION - Displaying custom badge / custom label
Our themes will default display the following labels on collection and product pages: "on-sale" and "sold out".
You may want to display additional custom badges per product basis. For instance, you may want to add some promotional badges such as "Best Price", "New" or "Collab". This can be easily achieved in our themes by using the "custom badge" feature.
Prestige (v6 and lower), Warehouse, Focal
- 1
-
Open the product in Shopify admin for which you'd like to add a custom label.
- 2
-
On the bottom right, you should find the "Tags" box:
Add a tag using this format __label:Your Label
For instance, if you want to add the "New" label for a given product, just add this label: __label:New
Tag must start with TWO consecutive underscores. If you add only one, it won't work. Please note as well that the theme will automatically remove all the tags that starts by two underscore and will not display them in the list of tags for filtering.
On Warehouse and Focal themes only, you can add up to two custom labels. To add a second label, simply use __label2:LABEL in addition.
Impact, Prestige v7 (and higher)
- 1
-
In your Shopify admin settings, open the "Metafields" panel, or directly click on this link to open the metafields page.
- 2
-
Create on "Products" in the list:
- 3
-
Click on "Add definition". For the "Name", enter "Badges", and make sure that the "Namespace and key" is set to custom.badges (this is important). For the metafield type, select "Single-line text", and select "List of values" (which allows you to enter more than one custom badge per product). When creating a metafield, you can optionally restrict the choices. This can be useful if you want to ensure that your team cannot select badges whose text has not been approved by the store owner.
It should look like the screenshot below ; make sure to save.
- 4
-
Once your metafield is created, open the product for which you want to show custom badges in the Shopify admin, and scroll down to the bottom of the page until you see the "Metafields" box. You can then click on the "Badges" metafield and setup your content:
Starting from Impact, we are using a metafield-based approach, allowing you to create, manage and translate your custom badges easily. To setup custom badges, please follow those steps:
