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

How to customize your Product tabs

Product tabs: Section settings

Product tabs: Block settings

How to add a Product tabs section

Steps

  1. In the theme editor (Customize), click Add section.

  2. Locate Product tabs.

  3. Make necessary changes.

  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

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

Last updated