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

# Footer

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

Koto theme provides a section, namely "Footer" in this section. There are many options available , as you can see in the below points and screenshot.

<table><thead><tr><th width="239">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr><tr><td>Uppercase menu heading on desktop</td><td>Allows you to enable uppercase text styling for menu heading on desktop device. </td></tr><tr><td>Open collapsible content on mobile</td><td>By enabling this checkbox, you can show open collapsible content on mobile device.</td></tr><tr><td>Open newsletter block on mobile</td><td>By enabling this checkbox, you can show open newsletter block on mobile device.</td></tr><tr><td>Follow on Shop</td><td>Use shopify app. </td></tr><tr><td>Policy links</td><td><p><strong>Show policy links</strong></p><p>By enabling this checkbox, you can see policy links in the footer section.</p></td></tr><tr><td>Country/region and language selector</td><td><p><strong>Enable country/region selector</strong></p><p>By enabling this checkbox, you can see country/region selector in the footer section. </p><p></p><p><strong>Enable language selector</strong> </p><p>By enabling this checkbox, you can see Language selector in the footer section. </p><p></p><p><strong>Show button color</strong> </p><p>By enabling this checkbox, you can see country/region selector and Language selector button color in the footer section. </p><p></p><p><strong>Background color</strong> </p><p>Use this settings to set background color of Country/region and language selector button in the footer section. </p><p></p><p><strong>Text color</strong> </p><p>Use this settings to set foreground color of Country/region and language selector button in the footer section. </p></td></tr><tr><td>Payment methods</td><td><p><strong>Show payment icons</strong></p><p>By enabling this checkbox, you can see payment icons in the footer section.</p><p></p><p><strong>Use monochrome icons</strong> </p><p>By enabling this checkbox, you can see payment icons in monochrome  style footer section.</p></td></tr><tr><td>Spacing</td><td><strong>Top margin</strong><br>You can adjust the range of the Top margin to increase or decrease the Top spacing as needed.</td></tr></tbody></table>

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

## Add block

To add block to the Footer section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.

## Menu

<table><thead><tr><th width="220">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title on the footer menus.</td></tr><tr><td>Menu</td><td>Click on "Select menu" to add a menu in the footer.</td></tr></tbody></table>

## Social media/contact

The "Social media/contact" block can be taken into use to highlight important information, such as promotions, or contact information.

<table><thead><tr><th width="219">Block</th><th>Description</th></tr></thead><tbody><tr><td>Social media</td><td><p><strong>Heading</strong></p><p>Enter text to display as a Social media heading on the footer block.</p><p></p><p><strong>Show social media icons</strong><br>By enabling this checkbox, you can show social icons.<br><br><strong>Icon style</strong></p><p>Customization of the "Icon style" in the footer section is as follows:</p><ul><li>Link</li><li>Outline </li><li>Solid </li></ul><p><strong>Show left/right border on desktop</strong><br>This feature allows you to display left and right borders of this block content on the desktop view.</p></td></tr><tr><td>Contact</td><td><p><strong>Heading</strong> </p><p>Enter text to display as a contact detail heading on the footer block.  </p><p></p><p><strong>Phone</strong> </p><p>Enter text to display as a phone number on the footer block. </p></td></tr></tbody></table>

## Store information

<table><thead><tr><th width="199">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title in the "Store information" block.</td></tr><tr><td>Subtext</td><td>Enter text to display as a description in the "Store information" block.</td></tr><tr><td>Address</td><td>Enter text to display as a "Address" on the "Store information" block.</td></tr><tr><td>Phone</td><td>Enter text to display as a "Phone" on the "Store information" block.</td></tr><tr><td>E-mail</td><td>Enter text to display as a contact "E-Mail" on the "Store information" block.</td></tr></tbody></table>

## Image

<table><thead><tr><th width="295">Block</th><th>Description</th></tr></thead><tbody><tr><td>Image</td><td>Used image to add to the image in the section.</td></tr><tr><td>Image width</td><td>"Image width" is used to change the size of the section image. You can give the minimum width "50px" and maximum width "500px" of the image.</td></tr><tr><td>Position on desktop</td><td><p>Customization of "Position on desktop" in desktop devices is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr></tbody></table>

## Newsletter

<table><thead><tr><th width="218">Block</th><th>Description</th></tr></thead><tbody><tr><td>Logo</td><td>Use "Logo" to add a logo image in the footer.</td></tr><tr><td>Logo Width</td><td>Use "Logo width" to customize the logo size in the footer section. You can set a Minimum width "90px" and a maximum width "200px" can be given.</td></tr><tr><td>Email signup</td><td><p><strong>Heading</strong></p><p>Enter text to display as a title on the "Newsletter." </p><p></p><p><strong>Description</strong> </p><p>Enter text to display as a description on the "Newsletter" block.  </p><p></p><p><strong>Show button as</strong> </p><p>Customization of "Show button as" is as follows: </p><ul><li>Icon</li><li>Text</li></ul></td></tr></tbody></table>

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

## Click "Add section" and use some sections.

We are providing one special feature, You can add multiple additional sections in the footer.

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


---

# 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://webibazaar.gitbook.io/koto-documentation/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.