> For the complete documentation index, see [llms.txt](https://shinedezign.gitbook.io/starlite-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shinedezign.gitbook.io/starlite-documentation/overview/information-drawer.md).

# 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>