Featured Tabs Collection
The Featured Tabs Collection section displays products in multiple tabs. Each tab can represent a different collection or manually selected products, with an o…
2 phút đọc
Trong trang này
The Featured Tabs Collection section displays products in multiple tabs. Each tab can represent a different collection or manually selected products, with an optional featured image and custom content.
It is useful for showcasing groups such as Featured Collections, New Arrivals, Best Sellers, or product categories without creating separate sections.
1. Section settings
Setting | Description |
|---|---|
Featured Image Aspect Ratio | Controls how the featured image fits within its area. |
Items per row (Desktop) | Number of products displayed per row on desktop. |
Items per row (Tablet) | Number of products displayed per row on tablet. |
Items per row (Mobile) | Number of products displayed per row on mobile. |
Product Card Border Radius | Controls the corner roundness of product cards. |
Card Border Radius | Controls the corner roundness of the tab content area. |
Card Padding Desktop | Sets the inner spacing on desktop. |
Card Padding Mobile | Sets the inner spacing on mobile. |
Section Layout Width | Controls the overall width of the section. |
2. Tab Featured Item
Add a Tab Featured Item block for each tab.
Setting | Description |
Tab Title | Sets the tab name, such as |
Select Collection | Selects the collection whose products will appear in the tab. |
Manual Product Selection | Optionally selects specific products manually. |
Items per row | Overrides the section's Desktop, Tablet, or Mobile grid settings for this tab. Select Same as section to use the main section settings. |
Featured Image (Right Column) | Sets the large image displayed beside the products. |