Ctrlk
For the complete documentation index, see llms.txt. This page is also available as Markdown.

Tag list

Add tags anywhere in your store using the following section.

Tag list

This section contains the "Header" and "Tag list" blocks. Tip: Press "Add block" to use the desired block. Each block can be added individually and customized in different ways. Note! This section supports a maximum of 2 nested blocks. Any additional blocks will be ignored.

Layout

Check the layout option examples here.

The layout settings change the look and feel of the section.

Layout Change the "Header" content group position using the picker:

  • "Split". Puts the "Header" group in the content grid while keeping it on the right.

  • "Stacked". Displays title elements above the media content and aligns them to the left.

  • "Centered". Shows the centered title elements above the media content.

Mobile alignment Align the elements from the "Header" content group using one of the options:

  • "Auto". Uses the setting applied in the "Layout".

  • "Left". Displays content on the left. Note! The call-to-action button displays in full width on mobile by default.

  • "Center". Centers content. Note! The call-to-action button displays in full width on mobile by default.

Use custom width Enable the option to display the related settings.

Width Set the content width between 30% and 100%.

Min width Set the minimum content width to maintain readability on larger screens. The value can be set to range from 400 to 1400 pixels.

Position Choose content position within the section.

  • "Side". Aligns the form to the left.

  • "Center". Centers the form within the section.

Note! This feature works only if content width is set to less than the full width of the screen.

Layout options

Dividing line Add a divider by setting its position: "Top", "Bottom", or "Both". Select "None" to hide the divider.

Top spacing / Bottom spacing Decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.

Transparent header

Allows the header to overlay the section when a transparent header is used.

Use inverted header colors Enable the option to link the color of the Header elements, such as navigation menus, Search, Compare, Account, and Cart icons, with the "Background" item under Theme settings -> Colors -> Primary colors. If the option is disabled, the color of the Header elements is related to the "Base" item.

Tag list (block)

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

Style Select the desired style in the drop-down: "Primary", "Secondary", or "Link style". Each button style can be viewed on the following help page.

Color Applies color settings according to the selected button style:

  • "Primary". Changes the button background color.

  • "Secondary". Colorizes the text and border.

  • "Link style". Changes the text color.

Tag

Label Title the button using the field.

Link Select a page or paste a URL that opens when customers click a tag.

PreviousTab item
NextTestimonials

Last updated