Collection tabs

01 / Blocks

Connect the collections

1. 01
   Add Collection tabs

   Insert the section in any JSON template.

2. 02
   Add one block per collection

   Select the collection and optionally override the tab label, panel heading and description.

3. 03
   Set the order

   Reorder the blocks to match the intended customer journey.

4. 04
   Verify products

   Preview every tab in desktop and mobile layouts before publishing.

02 / Presentation

Choose the right navigation style

Product spacing supports a true zero value. Heading size, alignment, product counts, Quick Shop, collection links and section spacing remain editable.

Underline

A restrained editorial tab row.

Pills

A stronger, compact department selector.

Glass

A blurred surface for media-led pages.

Mobile layout

Choose a two-column grid or horizontal product discovery.

03 / Product cards

Reuse the global commerce system

Every panel renders the shared Sartelle product card. Wishlist, badges, first-media video, visible colour or size values and product information follow Theme settings.

04 / Accessibility

Keyboard and hidden-panel behavior

The selector follows an ARIA tab pattern. Left and Right Arrow, Home and End move between tabs. Only the active panel is exposed, and native product videos in hidden panels are paused.