What are product labels?
Product labels are visual indicators (or tags) that highlight specific attributes of a product. They are used to communicate important details such as new Pre-order, New In, Sold out and on Sale. These labels help customers quickly identify and understand key aspects of a product, making their shopping experience more efficient. By utilizing product labels effectively, Shopify store owners can enhance product visibility, create a sense of urgency, and drive sales. Best of all, with the enhanced swatches functionality in our themes, you save money by not needing to invest in apps to access this great functionality.
How to set up product labels
In order to fully set up product labels they must first be enabled and configured within the Theme settings.
Steps
- Open the Theme Editor, and click on Theme settings > Product labels.
- Check the Visibility on product cards to set the position of the label on the product card. This applies to all overlay labels. Select None if no labels are required on product cards.
- Select the labels that are to be active on the store. For example, to enable the Sale product label select the Show "Sale" label setting.
- Set the color and icon choices for each label, as well as Sale label type if applicable.
Tip
Sale label
Attaches the sale label to products when the Compare-at price setting is used on the product price set up in the Shopify admin.
Sold out label
Displays on products when inventory is zero and inventory tracking is enabled on the product set up in the Shopify admin. This label will take dominance in displaying if active.
New label
Displays by inclusion in a particular selected collection, and/or by use of a defined product tag. Enterprise also provides the option to use this label on products that have been created within a certain number of days. This is set by enabling this setting and then using the slider in the Product labels settings area.
Preorder label
This label displays on a product if that product is using a product page template that contains the word 'preorder' in the name of the template. Enterprise comes with a preorder template already configured to assist with this set up. Templates are assigned to products in the Shopify admin under each product or by bulk editing products (search Edit products in bulk in Shopify's help guides).
Custom label
Add labels with custom text to individual products using Shopify's metafields functionality. This is done by creating a product metafield with the namespace and key called theme.label, of type Single line text supporting One Value.
Note
Steps
- In the Shopify admin area, create a Single line text product metafield with the namespace and key 'theme.label'. Choose the type One value. Note - Do not select List of Values or you will get additional characters around your Theme label.
- In the Shopify admin area, go to Products and open the product where you wish to show a label.
- Scroll down to the Product metafields section and enter the label text required for that specific product in the metafield.
- In the Custom label settings select Show custom label.
- Set the Custom text and Custom background colors for the label and choose to show an Icon if desired. All custom product level labels will use these colors and icons. Variant labels can have different colors (feature available in version 1.6.0 and above).
Product labels block
How to show product labels on the product page
The Product labels block on the product page is present upon install and is required for product labels to show on the product page.
Steps
- Open the Theme Editor.
- Navigate to Products > Default product from the dropdown at the top.
- Add or move the Product labels block in the Product section.
- Open Theme settings > Product labels where you can choose which labels are shown and set the color and icon. These theme settings apply to the product labels on the product page and on the product card.
How to set up variant labels
V ariant specific labels can be shown alongside the main product labels (version 1.6.0 and above). Variant labels only show on the product page and requires the Product labels block to be present. These labels are shown in addition to the product labels.
Note
Steps
- Open the Theme Editor.
- Select your product template from the Products dropdown at the top (e.g. Default product)
- Select the Product section in the Template group.
- See that the Product labels block is already present upon install.
- In the Product labels settings, follow the instructions. In the Shopify admin area, create a 'Single line text' variant metafield with the key "theme.label"
- Next, create a 'Color' variant metafield with the key either "theme.label_background_color" and / or "theme.label_text_color". This is optional, and if actioned will override the default colors inherited from Product labels > Custom label and will therefore allow different colors per variant label.
- In the Shopify admin area, go to Products and open the product that you wish to add the product labels to.
- Go to a specific variant and scroll down to the Metafields section. Enter the required information into the three newly created metafields.
- Navigate to a different variant on the same product, and scroll down to the Metafields section. Enter the required information.
- Go back to the Theme Editor and view the product. Switch between variants to see the different product variant labels.
- Choose whether to show the custom icon on the variant labels using the setting Show custom label icon.
Can't find what you're looking for?
Our support staff are here to answer your queries, so don't hesitate to write to us!
Contact us