# Tabs

The **Tabs** block provides a flexible way to display product information using multiple rich text tabs. This block is ideal for organizing content such as product details, sizing charts, and care instructions into accessible tabs on the product page.

<figure><img src="/files/esGxhTt6TsTsBwQri2UO" alt="GIF depicting the Tabs block of the product pages section"><figcaption></figcaption></figure>

<table><thead><tr><th width="200.04339599609375">Settings</th><th width="128.37939453125" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Show description</td><td align="center"><code>checkbox</code></td><td>Toggles the default product description as the first tab.</td></tr><tr><td>Show read more button</td><td align="center"><code>checkbox</code></td><td>Enables a 'Read more' button to expand longer text in the description tab.</td></tr><tr><td>Tab heading (1-5)</td><td align="center"><code>text</code></td><td>Title for each tab. Defaults provided for Tab 1 ('Tab') and Tab 2 ('Info'), others are blank and optional.</td></tr><tr><td>Tab text (1-5)</td><td align="center"><code>richtext</code></td><td>Rich text content for each corresponding tab. Accepts HTML elements such as  <code>&#x3C;strong></code><strong>,</strong> <code>&#x3C;a></code> <strong>,</strong> etc., for formatting and linking.</td></tr><tr><td><strong>Padding</strong></td><td align="center"></td><td></td></tr><tr><td>Bottom</td><td align="center"><code>range</code></td><td>Adds vertical spacing beneath the block.</td></tr></tbody></table>

## Notes

* Up to **5 custom tabs** can be added.
* Great for organizing supplementary product details to improve the customer shopping experience.
* Tabs 3–5 are optional and can be left blank if not needed.
* Consider using **metafields** in conjunction with this block to dynamically populate tab content per product.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://broadcast.presidiocreative.com/product-theme-blocks/tabs.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
