> For the complete documentation index, see [llms.txt](https://help.byinspiredlabs.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.byinspiredlabs.com/product-page/product-information/drawer-tab.md).

# Drawer tab

Drawer tab adds an interactive, slide-out panel to the Product information section, ideal for presenting extended details like size guides, shipping policies, or additional media. The tab expands into a partial-width drawer upon interaction, ensuring a focused and immersive user experience.

<figure><img src="/files/gt31VtHAOYgosCSrJUGU" alt=""><figcaption></figcaption></figure>

### Settings:

1. **Icon:** adds an optional icon to the left of the heading to draw attention or visually indicate the tab's purpose.
2. **Heading:** The title of the drawer tab. The heading remains visible, serving as the trigger for opening the drawer. If left blank, the block will not appear on the product page.
3. **Tab content:** adds detailed content such as FAQs, policies, or product-specific notes to the drawer panel.
4. **Tab content from page:** Allows the tab content to be pulled from an existing Shopify page. Overrides any content entered in the **Tab content** field. Ideal for maintaining consistent information across multiple product pages.
5. **Image:** Adds an optional image to the drawer panel for visual support. The image displays **below the Heading** and **above the Tab Content**.
6. **Image height:** Adjusts the height of the uploaded image for optimal display within the drawer: **Small, Medium, Large.**
7. **Button:** Enter the text for the button displayed at the bottom of the drawer. Assign a URL or page link for the button. Choose the button's style to match your store's design theme: **Solid or Outline.**


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://help.byinspiredlabs.com/product-page/product-information/drawer-tab.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.