> ## Documentation Index
> Fetch the complete documentation index at: https://docs.shopify.lightsout.agency/llms.txt
> Use this file to discover all available pages before exploring further.

# Show product details in tabs with Additional features

> Add Facet's additional features section to present product details in a card with tabs, and fill each tab with its own heading and text blocks.

The Facet additional features section shows information in a card with tabs. Shoppers click a tab name to switch between panels, so you can group details such as materials, fit and care without making the page longer. This page covers the section settings and the tab blocks.

![The Additional features section as it appears on the Facet demo storefront.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/additional-features/additional-features-overview.jpg?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=1f7b5c74b8bc83788a474dabd3d26042)

## What this section controls

* An intro heading and text above the card.
* The tabs inside the card, and the content of each tab.
* The card's color scheme, width and spacing.

## Getting started

**1. Open the Theme Customizer**

In your Shopify admin, open **Online Store**, then **Themes**, and click **Customize** next to Facet.

**2. Add the section**

In the **Sections** panel, click **Add section** and choose **Additional features**. The section can't be added to the header or footer.

**3. Add tabs**

Click **Add block**, then **Tab**. Type the tab name in **Label**, then add **Heading** and **Text** blocks inside the tab.

![The theme editor with the Additional features section selected in the sidebar, its settings panel open on the left and the section highlighted in the preview.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/additional-features/additional-features-location.jpg?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=2ce412c1c4f3af0a043e95bdfd0b3002)

## Section settings

### Common settings

![Theme editor sidebar showing the Additional features section settings: Common settings, Color scheme, Top padding, Bottom padding, Page width, Custom CSS.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/additional-features/additional-features-settings-1.png?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=85e99134a8d66f5fbbc9c73110f74346)

The section has only common settings. See [Common settings](https://docs.shopify.lightsout.agency/themes/facet/common-settings.md) for details.

* **Color scheme**: colors the tab card. The intro heading and text above the card sit on the page background.
* **Top padding** and **Bottom padding**: None, Small (default), Medium, Large or Extra large.
* **Page width**: Narrow, Fluid (default) or Full.

## Blocks

### Intro heading and text

The section has a fixed **Heading** and **Text** block above the card. Leave them empty if you don't need an intro. Their settings are described on [Theme blocks](https://docs.shopify.lightsout.agency/themes/facet/theme-blocks.md).

### Tab

![Theme editor sidebar showing the Tab block (in Additional features) settings: Label.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/additional-features/additional-features-block-tab-1.png?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=92fc8cbfe86dacdda3cf0e608864dbc4)

**Tab** is the only block you can add to the section. Each **Tab** block adds one tab to the card. The tabs appear in the same order as the blocks, and the first tab is open when the page loads.

* **Label**: the name shown on the tab. Default: "Product features".

Inside a tab, add **Heading** and **Text** blocks for its content. See [Theme blocks](https://docs.shopify.lightsout.agency/themes/facet/theme-blocks.md) for their settings.

> [!NOTE]
>
> When the tab names don't fit on one line, for example on phones, the row of tabs scrolls sideways. Shoppers can also move between tabs with the left and right arrow keys.

## Best practices

* **Keep tab labels short.** One or two words per tab, such as "Fabric" or "Care", keep more tabs visible on a phone.
* **Give every tab content.** A tab with an empty panel looks broken. Remove tabs you don't use.
* **Put the most important tab first.** Only the first tab is open when the page loads, so many shoppers never see the others.

## Related guides

> [card] [Theme blocks](https://docs.shopify.lightsout.agency/themes/facet/theme-blocks.md)
>
> Settings for the heading and text blocks inside each tab.

> [card] [Collapsible content](https://docs.shopify.lightsout.agency/themes/facet/sections/collapsible-content.md)
>
> Show details as rows that open and close instead of tabs.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.