šŸ§± Product label

Boost product pages and increase conversions by showcasing key details like 'Locally made,' 'Free shipping,' or 'Limited edition' in a clear, eye-catching way using theĀ Product labelĀ app block.Ā 

This app block is only available to Theme sections Pro subscribers in the Theme Updater & Backups app.Ā 

If your theme does not already include the app block, install the app then subscribe to the Theme sections Pro to add this section to your storefront.

Product label.jpg

šŸ§° How to install the block in your theme
  1. OpenĀ Theme Updater & BackupsĀ in yourĀ AppsĀ admin
    open your apps admin to access theme updater and backups.png
  2. Open Theme sections
    open theme sections in theme updater and backups.png

  3. Click View Details below the block. You can also click Preview to see the section in a demo storefront.Ā 

    Theme sections blocks view details.pngĀ 

  4. On the right side of the page, confirm that you are seeing the "Ready to use in your theme" message, or click on the Subscribe & unlock all sections button to unlock the block.Ā 
    Install blocks.png
  5. Select the theme, and click Customize theme to start adding the block.
  6. Hover over the existing blocks in the template to Add block and click on the Apps tab. From the options, select the block:Ā 
    Adding app blocks in the template.png

Product label app block.png

Customize block settingsĀ 

Click the Product label app block to open its settings.

Each block allows you to assign an icon to it. You can select an icon within the default categories: Shopping, Shipping, Payment, Support, Tech, Nature, Food/Drink,Ā andĀ Misc.Ā Each category contains multiple icons you can choose from.Ā 

Product label setting for icons.png

For a more personalized icon, you can also upload your own image file within theĀ Custom iconĀ option. 50 x 50px is the recommended size, and it will override any icon selected within the default categories.

Product label settings.png

Text

Add your text within this field. This will serve as the product label.Ā 

You can also modify its size through theĀ Text sizeĀ andĀ Mobile text sizeĀ sliders.Ā 

Layout

The icon size can also be modified through theĀ Desktop icon sizeĀ andĀ Mobile icon sizeĀ sliders.Ā 

Additionally, you can choose the iconĀ AlignmentĀ depending where you would like the icon to appear in:Ā LeftĀ of text, orĀ RightĀ of text.Ā 

Ā 

Select colors

Choose colors for the section's Text color and Icon color.

Adjust spacing

Use the Top margin and Bottom margin sliders to increase or decrease the margins of the section.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Related articles