Can I add custom labels to my products?

Be Yours supports adding custom labels to your product cards, which you'd see on your collection pages or featured collection section.

Once set, each product will have one or many labels. All labels of a product have the same background color, which can be customized.

This feature is working based on metafields. So, all you have to do is to add metafield definitions, then set the labels for the products you want.

On this page

Requirements

  • Be Yours 4.0.0 or later

Adding metafield definitions

Before you can add custom labels (metafield values) to specific products, you need to add the necessary metafield definitions for this information.

 

  1. From your Shopify admin, go to Settings > Metafields > Products
  2. Click Add definition
  3. In the Name field, enter Product label, and then click the 'Product label' generated as you type from the list. This is the metafied used for storing the label text, something like "New", "Coming soon"...
  4. In the Namespace and key field, enter theme.label
  5. Click Select content type then select Text
  6. Select Single line text then check Accept list of values. By using list of values, you have ability to add multiple labels for a product.
  7. Click Save to save the definition
  8. You should see the Product label in the list of definitions by now.
  9. Now, we need to add another definition for storing the background color of the label. Click Add definition again.
  10. In the Name field, enter Product label color
  11. In the Namespace and key field, enter theme.label_color
  12. Click Select content type then select Color
  13. Click Save to save the definition
  14. You should see the Product label color in the list of definitions by now.

Setting the labels and background color

 

  1. In your admin, within Products, click on the product you want to add the labels
  2. Scroll down to the Metafields, then click Show all to open the metafield values of the product
  3. You should see the Product label and Product label color here
  4. To set labels, click on the Product label field. Enter your label in the default text box. For example, in the screenshot below, 'New' is my label. If you want to add multiple lables, just click Add item to add another text box then enter the value you want
  5. To set the background color of the labels, click on the Product label color field then pick the color you want.
  6. Click Save to save your changes
Back to Be Yours Support