# Footer

There are 2 layouts of footer for you to choose from:

* [Footer](https://blueskytechco.gitbook.io/alukas-shopify/footer-group/footer/footer)
* [Footer layout 2](https://blueskytechco.gitbook.io/alukas-shopify/footer-group/footer/footer-layout-2)

We also offer three distinct layout blocks for the footer, each designed to cater to different visual and navigational preferences.

* [About](https://blueskytechco.gitbook.io/alukas-shopify/footer-group/footer/about)
* [Menu](https://blueskytechco.gitbook.io/alukas-shopify/footer-group/footer/menu)
* [Newsletter](https://blueskytechco.gitbook.io/alukas-shopify/footer-group/footer/newsletter)
* [Custom content](https://blueskytechco.gitbook.io/alukas-shopify/footer-group/footer/custom-content)

## Section settings

**Layout content:** You can choose between Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video.

Adjust the text alignment (left/center/right) along with the background color and container type.

**Open Footer Menu in Mobile:** Activate the footer menu on mobile devices for easier access.

**Enable Back on Top:** Add a 'Back to Top' button to allow users to easily scroll back to the top of the page.

**Show Border Top on Home Page:** Display a top border on the home page for visual distinction.

**Show Border Top on Inner Page:** Enable a top border on inner pages to maintain consistent design across the site.

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

**Add Spacing with Background Color:** Implement additional spacing when a background color is used to enhance visual separation and clarity.

**Remove Default Spacing on the Homepage:** Disable the standard spacing on the homepage for a more compact layout.

**Remove Default Spacing on Inner Pages:** Eliminate the default spacing on inner pages to maintain consistency and streamline the design.

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

**Copyright Text:** Set the copyright text to display at the footer of your website.

**Menu:** Choose a specific menu to feature in the footer section, enhancing navigation and accessibility for users.

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

**Payment Icon:** Choose which payment icons to display to show supported payment methods.

**Image Width:** Set the width of the payment icons to ensure they fit well within the layout and maintain visual consistency.

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

**Show Social Icons:** Enable the display of social media icons next to the payment images for broader connectivity.

**Footer Title Size:** Adjust the size of the footer title to match the overall design and readability of the footer area.

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

**Background Image for Footer:** Choose a background image to enhance the visual appeal of your website's footer section.

**Color schema:** You are allowed to change text color, background color, etc. with preset color.

<figure><img src="/files/cfEZOPcKH7Q3FMtDuYlO" 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://blueskytechco.gitbook.io/alukas-shopify/footer-group/footer.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.