# Tabs

> Organize product details, FAQs, policies, and reviews into clean clickable tabs — builds trust and keeps your page sleek.

URL: https://sectionstar.app/sections/tabs/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.893Z

---

**Tabs** is a Shopify theme section in the Section Star library. Organize product details, FAQs, policies, and reviews into clean clickable tabs — builds trust and keeps your page sleek.

## About the Tabs section

The Tabs section is a flexible and interactive way to organize and present your content in a tabbed interface. By using the Tabs section, you can add multiple tabs with different content, making it easy for customers to navigate through different pieces of information without leaving the page. This feature is particularly helpful for product descriptions, FAQs, and detailed content that can be segmented into categories.

## Live demo

## Use cases

1. **Product Descriptions**: Use tabs to separate product details, specifications, and reviews. This helps customers quickly find the information they need without scrolling through endless text.
   
2. **FAQ Section**: Organize frequently asked questions in tabs so that customers can easily find answers to their queries.
   
3. **Policy Information**: Display your return policy, shipping information, and warranty terms in separate tabs.
   
4. **Multi-Category Product**: For products with multiple variations (like colors, sizes, or models), use tabs to display each variation's specific details.
   
5. **Blog Posts**: Create a segmented blog post, where each tab focuses on a different aspect of the topic.

## Settings

Every setting below appears in the Shopify theme customizer once the section is published.

### Text
Set the text size for your widget

| Setting | Type | Default |
| --- | --- | --- |
| Text Font | Font | sans-serif |
| Text Size | Range | 15 |
| Headline Font | Font | sans-serif |
| Headline Size | Range | 25 |

### Colors
Set colors for the section.

| Setting | Type | Default |
| --- | --- | --- |
| Text Color | Color | #111 |
| Background Color | Color or gradient | transparent |
| Tab Active Color | Color | #111 |
| Tab Inactive Color | Color | #888 |
| Tab Border Color | Color | #ddd |

### Dimensions
Set the section dimensions in pixels.

| Setting | Type | Default |
| --- | --- | --- |
| Max Width of Section | Number | 1000 |
| Padding Top | Number | 25 |
| Padding Bottom | Number | 25 |
| Padding Left | Number | 10 |
| Padding Right | Number | 10 |
| Element Spacing | Number | 15 |

### Tab block settings

| Setting | Type | Default |
| --- | --- | --- |
| Tab Name | Text | Tab Name |
| Tab Content | Rich text | <p>This is sample tab content</p> |