Product labels

Product labels are visual indicators that highlight important and promotional product details.

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.

Product

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

  1. Open the Theme Editor, and click on the Theme settings > Product labels.
  2. 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. 
  3. Set the color and icon choices for each label, as well as Sale label type if applicable.

Tip

Please note that on the product card, each product is limited to displaying only two labels at any one time for the best user experience. Having more would have an impact on the product image presentation and could negatively affect conversion.
  • 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 0 and inventory tracking is enabled on the product set up in the Shopify admin. This label will take dominance in displaying if active. It will not display on preorder products as current stock levels are irrelevant in this case.
  • 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.
    Product
  • 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: Enterprise also offers the option to create custom labels by using Shopify's metafields functionality. This is done by creating a product metafield with the namespace and key called theme.label, using the Single line text and selecting One Value type to create the name of the custom label. IMPORTANT(Do not select List of Values or you will get additional characters around your Theme label)For more on setting up Shopify custom data and metafields visit Shopify's help guides.

Product labels block

The Product labels block on the product page is present upon install and is required for product labels to show on the product page.

How to set up variant product labels

Variant 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.

Note

Variant product labels are a more complex feature that require a base level understanding of how metafields work. For support on metafields, refer to Shopify Metafields guide.

Enty product label.gif

Steps

  1. Open the Theme Editor.
  2. Select your product template from the Products dropdown at the top (e.g. Default product)
  3. Select the Product section in the Template group.
  4. See that the Product labels block is already present upon install.
  5. 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"
  6. 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. 

  7. In the Shopify admin area, go to Products and open the product that you wish to add the product labels to.
  8. Go to a specific variant and scroll down to the Metafields section. Enter the required information into the three newly created metafields.
  9. Navigate to a different variant on the same product, and scroll down to the Metafields section. Enter the required information.
  10. Go back to the Theme Editor and view the product. Switch between variants to see the different product variant labels.
Sign up for Shopify today for $1

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