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

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

  2. Locate Product tabs.

  3. Make necessary changes.

  4. 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.

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

Last updated