Product tabs
A guide to feature products from hand-picked collections
Product tabs can be a great way to showcase your highlighted collections in one section.
Content settings
Click Add tab to add a new tab to your Product tabs section.
To each of the tabs, select your Collection and add the Tab title if needed.
Then, select your Tabs header style to your liking and the number of products to show on each tab.
Tabs header style:
Divider: This option is available when the Tabs header style is Inline style 1.
Product card settings
Customize your Card style, Image aspect ratio, and Text alignment. You can either set them as Inherit from theme settings or otherwise.
Device responsiveness
The section also comes with settings for the Desktop layout and Mobile layout separately.
Desktop layout
Number of columns per tab: between 1 and 12.
Column gap: between 0 - 100px.
Mobile layout
Number of columns: to display the products in 1 or 2 columns.
Column gap (when the number of columns is set as 2 columns): between 0 - 50px.
Swipe on mobile: when enabled, the number of columns you set earlier will no longer work.
Last updated