> For the complete documentation index, see [llms.txt](https://shinedezign.gitbook.io/genie/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/genie/overview/footer.md).

# Footer

### Configure footer section

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

From the left side menu, select **Footer**.

Customize the section by utilizing the setting 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>Footer</td><td><p><strong>Color scheme</strong><br>Select any color scheme defined in the theme settings>Colors>Schemes.<br><br><strong>Section background</strong><br>Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme.<br></p><p><strong>Footer layouts</strong></p><p>Choose the footer layout from:<br>- Standard<br>- Illustrated<br><br><strong>Illustrated colors</strong><br><strong>Color1-5</strong><br>Choose colors for the illustrated icons on footer.</p><p><br><strong>Enable top border rounded</strong><br>Select this check box to enable the top rounded corner.<br><br><strong>Top border radius</strong><br>Adjust the range bar to determine the corners radius.<br><br><strong>Bottom bar style</strong><br>Choose the bottom bar style from:<br>- None<br>- Background<br>- Border<br><br><strong>Show blocks in accordions on mobile</strong><br>Select this check box to enable the accordions on mobile.</p></td></tr><tr><td>Background</td><td><strong>Background image</strong><br>Choose any image for the background.</td></tr><tr><td>Social media icons</td><td>Select this check box to show the social media icons.<br><br><strong>Icon style</strong><br>Choose icon's style from:<br>- Solid<br>- Outline</td></tr><tr><td>Show copyright text</td><td>Select this check box to show the copyright text.</td></tr><tr><td>Follow on Shop</td><td><strong>Enable Follow on Shop</strong><br>Select this checkbox to show '<strong>Follow on Shop</strong>' button on the footer. For more information regarding this, go through this <a href="https://help.shopify.com/en/manual/online-store/themes/customizing-themes/follow-on-shop">link</a>.<br><em>(<strong>Note</strong>: To allow customers to follow your store on the Shop app from your storefront, Shop Pay must be enabled.)</em></td></tr><tr><td>Currency and language</td><td><strong>Enable language and country selector</strong><br>Select this check box to show the location and language selector.</td></tr><tr><td>Payment methods</td><td><strong>Show payment icons</strong><br>Select this check box to show the payment icons.<br><em>(Note: Icons display based on your Shopify payment methods.)</em></td></tr><tr><td>Policy links</td><td>Select this check box to show the policy links.</td></tr><tr><td>Animated icons</td><td>Flying bird<br>Select this check box to show the flying bird.<br><br>Clouds<br>Select this check box to show the clouds.<br><br>Sun<br>Select this check box to show the sun.</td></tr></tbody></table>

### Block settings: Menu

<table data-header-hidden><thead><tr><th width="284"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Desktop column width</td><td>Adjust the range bar to determine the column width on desktop.</td><td></td></tr><tr><td>Quick links</td><td><strong>Heading</strong><br>Add text to appear as the title.<br>(<em>Note: Heading is required to show the menu on the mobile view.)</em><br><br><strong>Menu</strong><br>Select any menu to display its first-level menus in the footer drawer.</td><td></td></tr><tr><td>Social links</td><td>(<em><strong>Note</strong>: To display your social media accounts, link them in your theme settings.)</em><br><br><strong>Heading</strong><br>Add text to appear as the title of social media links.</td><td></td></tr></tbody></table>

### Block settings: Image with text

<table><thead><tr><th width="286"></th><th></th></tr></thead><tbody><tr><td>Desktop column width</td><td>Adjust the range bar to determine the column width on desktop.</td></tr><tr><td>Logo</td><td>Choose any logo image from the store library.</td></tr><tr><td>Desktop logo width</td><td>Adjust the range bar to determine the logo width on the desktop view.</td></tr><tr><td>Mobile logo width</td><td>Adjust the range bar to determine the logo width on the mobile view.</td></tr><tr><td>Description</td><td>Enter any text for the store description.</td></tr><tr><td>Description size</td><td>Select the description size from the following options:<br>- X- large<br>- Large<br>- Medium<br>- Normal<br>- Small<br>- X-small</td></tr></tbody></table>

### Block settings: Newsletter

<table><thead><tr><th width="261.6666259765625"></th><th></th></tr></thead><tbody><tr><td>Desktop column width</td><td>Adjust the range bar to determine the column width on desktop.</td></tr><tr><td>Heading </td><td>Add heading text. <br><em>(<strong>Note</strong>: Wrap your text between [ ] to add the markers font and enter ++ for a line break.)</em></td></tr><tr><td>Heading size</td><td>Select the heading size from the following options:<br>- XX- large<br>- X- large<br>- Large<br>- Medium<br>- Small<br>- X-small</td></tr><tr><td>Font family</td><td><p>Choose the font family from the following options:</p><p>- Heading <br>- Body <br>- Accent <br>(<em><strong>Note</strong>: These fonts can be changed in theme settings>typography.)</em></p></td></tr><tr><td>Markers font</td><td><p>Choose the marker text's font family from the following options:</p><p>- Heading <br>- Body <br>- Accent <br>(<em><strong>Note</strong>: These fonts can be changed in theme settings>typography.)</em></p></td></tr><tr><td>Placeholder text</td><td>Enter the email placeholder text.</td></tr><tr><td>Button text</td><td>Enter the button text.</td></tr></tbody></table>

### Block settings: Contact information

<table><thead><tr><th width="270"></th><th></th></tr></thead><tbody><tr><td>Desktop column width</td><td>Adjust the range bar to determine the column width on desktop.</td></tr><tr><td>Heading </td><td>Add heading text. </td></tr><tr><td>Email</td><td>Enter the email.</td></tr><tr><td>Phone</td><td>Enter the phone number.</td></tr><tr><td>Address</td><td>Enter the address.</td></tr><tr><td>Font size</td><td>Select the font size from the following options:<br>- XX- large<br>- X- large<br>- Large<br>- Medium<br>- Small<br>- X-small</td></tr></tbody></table>


---

# 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://shinedezign.gitbook.io/genie/overview/footer.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.