Tags

The section in the Storytelling chapter is designed to organize and highlight key topics, product types, or themes within your store.

This section typically displays clickable tags that help visitors quickly navigate related content or products, making it easier to explore your offerings based on their interests. Visually, the tags are presented in a clean and accessible format, often as buttons or labeled links, ensuring they stand out without disrupting the overall design of the page.

By using the Tags section, you provide a simple yet effective way to guide customers through your store, enhancing discoverability and improving the browsing experience. It reinforces the structure of your content, allows users to find relevant products or information efficiently, and supports the overall storytelling flow by connecting different elements of your store in a cohesive and user-friendly manner.

Location: Sections -> Templates -> Storytelling: Tags


Tags – Options Overview

Option
Brief Explanation

Heading

Subheading

A supporting subtitle or short introductory line.

Heading

Set the text of the main title for the section.

Description

Optional descriptive text shown under the heading.

Heading alignment

Align the heading to the Left or Center.

Layout

Top spacing

Adjust spacing above the section (None, Small, Medium, Normal).

Home page top spacing none

Removes top spacing only when the section is used on the home page.

Width

Set the section width (Default, Boxed, Wide). Wide works on screens 1440px+.

Content width

Adjust internal content width (50%–100%).

Buttons align

Align the tags (Left or Center).

Dividing line

Show

Display or hide a horizontal dividing line.

Background

Background

Choose the background type (Hide, Color, Gradient, Image).

Colors

Base

Set the main text color.

Accent

Set the accent or highlight color.

Lines

Set the color of dividing lines.

Button

Show background

Toggle whether button has a filled background.

Background

Set the default background color for the button.

Background gradient

Apply a gradient to the button background.

Border

Adjust the border color or enable/disable borde

Each section contains Tag subsections, and you can add as many as needed. Within each Tag, you can edit the tag title (the text displayed on the button) and assign a link to direct users to a collection, page, product, or any external URL. This allows you to create visual navigation shortcuts, highlight featured categories, or group similar products to help users explore your store more easily.

Last updated