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".
Set the desired parameters on the "Content width" scale from 40% to 100% to define the area width of the content appearing.
Using the minimum value of 40% with the "Slide" layout, position content on the left:
The "Center" layout with a maximum value of 100%, position content by center in the full-width of a page:
Use the "Content width" scale to define the content area width, setting it anywhere between 40% and 100% based on your preference.
Decide on the position of the divider using the "Top", "Bottom", or "Both" options in the "Dividing line" drop-down. It will be hidden once you use the "None" option.
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:
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:
Last updated