Tabbed Collections Section

docs__be-yours__tabbed-collections-section__03.webp

Setting Up the Tabbed Collections Section

The Tabbed Collections Section allows you to showcase multiple product collections inside a single section using tabs.

Adding Collection Tabs

Inside the existing Tabbed Collections Section, you can add multiple Collection Tab blocks.

The display order of the tabs will follow the exact order of the blocks added to the section.

docs__be-yours__tabbed-collections-section__01.webp

Important Section Settings

Below are some important settings you should pay attention to when configuring the section.

docs__be-yours__tabbed-collections-section__04.webp

Maximum Products to Show

This setting controls how many products will be displayed under each collection tab.

Use this option to limit or expand the number of visible products depending on your layout and design preferences.

Enable Scroll on Desktop

Allows the product list to become horizontally scrollable on desktop devices.

Enable swipe on mobile

Allows the product list to become horizontally scrollable on mobile devices.

Enable Drag to Scroll (Desktop)

This option works together with Enable Scroll on Desktop.

When enabled:

  • Users can drag horizontally to scroll through the product slider
  • Product images will no longer be directly clickable

This behavior helps prevent conflicts between:

  • Clicking on product images
  • Dragging the slider

Configuring Each Collection Tab

Inside each block, you can select a collection to display products from that specific collection.

docs__be-yours__tabbed-collections-section__02.webp

Tab Title Behavior

  • If the Tab Title field is filled in, the custom title will be displayed
  • If the Tab Title field is left empty, the tab will automatically display the default collection title

Need Further Assistance

If you encounter any issues or need additional help with your BeYours theme, please reach out to our support guys via our Ticket System for assistance within 8 hours.