Product tabs
Featured products from hand-picked collections

You can display products from a selected collection in an engaging and attractive section.
How to add a Product tabs section
Steps
In the theme editor (Customize), click Add section.
Locate Product tabs.
Make necessary changes.
Save.
How to edit a Product tabs section
Product tabs settings
Grid settings
Determine the number of products to show and the number of columns on desktop view, as well as the gap between cards.

Carousel Settings
You can enable the carousel setting on the desktop view (when the number of products to show > the number of columns on desktop).
Navigation and/or Pagination can be activated for this carousel.

Product cards settings
You can set up your product card and call-to-action button:
Product card settings: Choose image aspect ratio/ Enable showing vendor
Button settings: Set up CTA label and button style


Tabs block settings
After locating Product tabs, click add tabs

Change the tab name and choose a suitable collection to display.

Last updated