Links

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

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

How to customize your Product tabs

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.
​
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
Example of adding blocks to product tabs section
  • Change the tab name and choose a suitable collection to display.
Product tabs: Block settings