Product Catalog & QA
The Product Catalog & QA section lets you organize product information into interactive tabs . Each tab can have its own image, heading, and a group of icon-ba…
2 phút đọc
Trong trang này
The Product Catalog & QA section lets you organize product information into interactive tabs. Each tab can have its own image, heading, and a group of icon-based content items.
It is useful for presenting product categories, features, benefits, specifications, or other key product information without taking up too much page space.
1. How the section works
The section has three main content levels:
Content | Purpose |
|---|---|
Heading | Adds the main section heading and subheading |
Item tab | Creates a selectable tab with its own title and featured image |
Shipping item | Adds icon-based information inside each tab |
When customers select a tab, the section displays the content assigned to that Item tab.
2. Create your tabs
Add an Item tab for each category or group of information you want customers to explore.
For each tab, set an Item title and Featured image. You can then add a heading and multiple Shipping item blocks inside that tab.
3. Customize the tab content
The Icon box options control how the Shipping items are displayed inside a tab.
Setting | What it controls |
Content align | Alignment of the item content |
Icon design / size / color | Appearance of the icons |
Items per row | Number of items shown per row on Desktop, Tablet, and Mobile |
Enable carousel on mobile | Turns the items into a swipeable carousel on mobile |
Tip: If a tab contains many items, enabling the mobile carousel can keep the section more compact and easier to browse.
4. Customize the tabs list
Use Options for tabs list to control the appearance of the tab selectors, including their position, typography, spacing, and distance from the tab content.
These settings apply to the tabs list as a whole rather than to an individual Item tab.
5. Section layout and style
Use the Layout settings to control the overall section appearance, including:
Color scheme and background opacity
Section width
Background image
Section spacing
Enable Display colors by section when you want to apply the selected section color scheme to the Product Catalog & QA area.