Tags

Add tags anywhere in your store using the following section.

Tags

Tip: To hide the title, description, or button, leave the corresponding fields blank.

Use the "Heading" placeholder to add a section title. It will be placed on the top of the section by default.

The font size of the title can be changed to "Small", "Medium", or "Large" in the "Heading font size" drop-down.

If you need to set up the color of the title, use the "Heading color" picker. Here you can paste the hex code to the related field or choose the color using the paint pallet. The color settings will be used for both desktop and mobile.

Use the "Description" input field to add some descriptive text strings to the section that will appear under the heading.

The color of the description and icon can be set in the "Description color" picker. The color you apply for the item will be used for a desktop and mobile.

Using the "Layout" picker, one van specifies the section position to the "Side" or "Center". The section takes up 1/2 (50%) of the width regardless of the settings.

If you need to show a "Dividing line", choose "Top" or "Bottom" positions. It will be hidden once you use the option "None".

On the "Top spacing" and "Bottom spacing" scales, decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.

Content

The settings described below will be applied to the tag buttons:

Use the "Style" drop-down to change the button's appearance in the sections. The theme includes three styles that can work out in your store: "Primary", "Secondary", or "Link style". Each button style can be viewed on the following help page.

Use the "Color" picker to change the button background color for the "Primary" style. For the "Secondary" style the colorized text and border inside the button will be added. If you used the "Link style", the color will be applied to the text link.

Here are the examples of the section on desktop and mobile:

Desktop

Mobile

Tip: Each tag can be managed using the "Tag" block. The given block can be added several times by pressing the "Add Tag" button.

Tag

Title the button using the "Label" field. Leave the field blank to deactivate the tag.

To redirect visitors to the desired page by hitting the button, apply the URL from the "Link" source selector or add an external link to the field.

Here is an example of settings from the block: