Products with tabs

The Products with tabs section allows you to display multiple collections in a compact and interactive format. Each tab represents a collection, showing up to 4 products at a time from the selected collection. This section is useful for highlighting different product categories or featured collections in a visually organized manner.

This is a preset section — it can be added, removed, and reordered within any template.

---

How to Configure the Products with Tabs

1. In Shopify admin, go to Online Store → Themes.

2. Click Customize next to the Elemento theme.

3. In the theme editor, navigate to the desired page template (e.g., Product page) using the top preview dropdown.

4. In the left sidebar, click Add section, then select Products with Tabs, or locate it if it’s already added.

5. Select the products to display and customize the tab titles, content or layout options.

6. You can drag and drop this section to reorder it on the page.

7. Click Save.

Section Settings

Setting	Type	Description
Use custom colors	Checkbox	Enable to apply custom background and text colors to the product area.
Text color	Color picker	Select a custom color for product text (applies if custom colors are enabled).
Background color	Color picker	Select a background color for the product area.
Enable product list padding	Checkbox	Adds padding around the product list — useful when using a background color.
Image ratio	Select (Adapt to image, Portrait, Square)	Controls the aspect ratio of product images.
Color scheme	Color scheme selector	Defines the style applied to the section wrapper and heading.

Section Padding

Device	Setting	Type	Description
Desktop	Top padding	Range	Space above the section on desktop view.
Desktop	Bottom padding	Range	Space below the section on desktop view.
Mobile	Top padding	Range	Space above the section on mobile view.
Mobile	Bottom padding	Range	Space below the section on mobile view.

---

Blocks

Each Products tab block defines a tab that displays products from a chosen collection.

Block: Products tab

Setting	Type	Description
Tab label	Text	Label for the tab button.
Collection	Collection selector	Choose the collection from which to display up to 4 products.
Button label	Text	Label for a button below the product list, often used to link to full collection.