Product labels

Product page block

In the Product template, you can add a Product labels block to display an icon with a short text label to list your product's main features.

Set up product labels

Follow the steps to add an product labels with an icon and short text.

STEPS

In your theme editor (Customize):

  1. Under Product overview, click (+) Add block and select Product labels.

  2. Click the new Product labels block to open the settings.

  3. Add text to display a Heading above the labels.

  4. Under Presentation, use the slider to increase or decrease the Icon size between 16 and 32 pixels.

  5. Change the Label text style to Body, Accent, Bold accent, or Bold body.

  6. Choose to Outline labels with a simple border around them.

  7. For each Label, select an Icon and enter Text.

    We recommend one or two words.

    You can upload a Custom icon image. We recommend a PNG file with minimum dimensions of 50px by 50px.

  8. (Optional.) Click and hold the drag handles ⋮⋮ to rearrange the blocks:

    Click Remove block in the block settings to delete a block.

    Click the Eye icon to hide or unhide a block.

  9. Click Save.


Related links

Product template Product page blocks

Last updated