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
-
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.
-
FAQ Section: Organize frequently asked questions in tabs so that customers can easily find answers to their queries.
-
Policy Information: Display your return policy, shipping information, and warranty terms in separate tabs.
-
Multi-Category Product: For products with multiple variations (like colors, sizes, or models), use tabs to display each variation's specific details.
-
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> |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Tabs”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.