# Information drawer

**Configure the Information drawer**

Select the customize theme option. Click on the dropdown menu at the top to select the **Home page** template**.**

From the left side menu, select the **Information drawer.**

Customize the section by utilizing the settings on the right side of the theme editor, as described below:

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>Heading</td><td>Enter the heading text. <br><em>(Note: Wrap your text between [ ] to add the markers. These [markers] will highlight the text.)</em></td></tr><tr><td>Show icons</td><td>Select this checkbox to show the icons.</td></tr><tr><td>Heading</td><td>Enter the heading text. </td></tr><tr><td>Description</td><td>Enter the description text.</td></tr><tr><td>Approve button text</td><td>Enter text to display as approve button text on the popup.</td></tr><tr><td>Decline button text</td><td>Enter text to display as decline button text on the popup.</td></tr><tr><td>Under 18 title</td><td>Enter text to display on the under 18 popup as a title.</td></tr><tr><td>Under 18 description</td><td>Enter text to display on the under-18 popup as a description.</td></tr><tr><td>Decline button text</td><td>Enter text to display as decline button text on the under 18 popup.</td></tr></tbody></table>

**Block settings**

<table><thead><tr><th width="252"></th><th></th></tr></thead><tbody><tr><td>Heading</td><td>Enter the heading text. </td></tr><tr><td>Icon</td><td>Choose any icon from the icons list.</td></tr><tr><td>Description</td><td>Enter the description text.</td></tr><tr><td>Image</td><td>Choose any image from the library.</td></tr><tr><td>Image position</td><td>Select the image position from 'Top' or 'Bottom'.</td></tr><tr><td>Colors</td><td><strong>Background</strong><br>Choose any color for the background.<br><br><strong>Heading</strong><br>Choose any color for the heading.<br><br><strong>Text</strong><br>Choose any color for the text.<br><br><strong>Border</strong><br>Choose any color for the border.</td></tr></tbody></table>

## Steps to link this drawer

1. Go to the product page> Add block named '**Information content**'\ <br>

   <figure><img src="/files/7eHlhHDuCgw0zGx91am7" alt=""><figcaption></figcaption></figure>
2. Add content in its details and select '**Drawer**' for its type.\
   \
   ![](/files/9FIHrS9sKGnCxAPvcbg3)
3. Click on this text(*shown below*) will start opening the information drawer.<br>

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

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

4. This information drawer can be linked from the announcement bar also. \
   Go to the announcement bar and select checkbox in front of the settings->Link with information drawer under the Contact info settings, as shown below:<br>

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

Click on this contact info will open the information drawer, as shown below:<br>

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


---

# 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://shinedezign.gitbook.io/starlite-documentation/overview/information-drawer.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.