Product tabs

Featured products from hand-picked collections
You can display products from a selected collection in an engaging and attractive section.
In this article:

How to add a Product tabs section

  1. 1.
    In the theme editor (Customize), click Add section.
  2. 2.
    Locate Product tabs.
  3. 3.
    Make necessary changes.
  4. 4.

How to customize your Product tabs

Product tabs settings

1. General 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 and button style
Screenshot of product tabs - section settings

2. Layout settings:

These sections are for modifying the product cards using the slider to adjust the columns per row, and the gap between them on both desktop and mobile
Determine the number of products that can be shown per row and the gap between cards.
Product tabs: Grid settings

Tabs block settings

  • After locating Product tabs, click add tabs
Example of adding blocks to product tabs section
  • Change the tab name and choose a suitable collection to display.
Product tabs: Block settings