Information tag

Use this block to add a piece of product information or a promo. Fill in extended content that appears in a drawer when you select the tag area.

GENERAL

Tag style

Choose the style for the tag content area.

None	the tag area has no borders or background
Solid	the tag area has its background filled with color
Outline	the tag area has only its borders colored

Heading

Fill in the heading to state what you want to convey.

Heading size

Choose the font size for the tag’s heading.

Body

Fill in the body with the information you want to convey.

Body size

Choose the font size for the tag’s body. Note that the option applies only to the 'Paragraph' body text formatting.

Content alignment

Choose the content alignment within the tag area.

Icon

Choose the icon to match the tag content. Here you can see what icon stands for each label.

Custom icon

Select an image for a custom icon (the recommended image size is 256x256 pixels). In this case, the custom icon has priority over the icon from the list. You can choose images either from your library or the free images collection. Note that the free images you use are also saved to your library. You can further edit the uploaded image: add a focal point and fill in an alt text.

Icon size

Adjust the icon size within the tag.

Icon position

Choose the icon position against the text content of the tag.

Tag background

Pick the color for the tag area border or background, depending on its style.

Tag text

Pick the color for the tag content.

DRAWER

Enable drawer

Select to turn on the drawer with extended content that opens when you select the tag area.

Rich text

Fill in the information you want to convey.

Page

Select a page for the drawer from the list of pages you created in the 'Pages' folder of your admin. Learn more about the use of pages in Shopify.

Text size

Adjust the font size for the rich text and the text content on the page. Note that the option applies only to the parts of text that have 'Paragraph' formatting.

Image

Select an image to add to the drawer. You can choose images either from your library or the free images collection. Note that the free images you use are also saved to your library. You can further edit the uploaded image: add a focal point and fill in an alt text.

Video

You can add a video instead of an image. In this case, the video has a priority. You can either choose a video from your files or upload a new video from your device. Note that the newly added videos are also saved to your files. You can further edit the uploaded video: add a cover image and fill in an alt text.

Desktop image size

For desktop view, adjust the image size within the drawer.