# 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="https://1560263855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz14kVz432NnMEq8AbqBr%2Fuploads%2FiqXWQoTiszsd2655uHzN%2Fimage.png?alt=media&#x26;token=00889223-5cc7-492d-aa08-dad39cf4e207" 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="https://1560263855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz14kVz432NnMEq8AbqBr%2Fuploads%2FdaFTCpGuz78DYOhF9IuP%2Fimage.png?alt=media&#x26;token=f654106c-b770-462f-8d44-d585faaf69f2" 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="https://1560263855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz14kVz432NnMEq8AbqBr%2Fuploads%2FImBoGifpruYwYc5fFshN%2Fimage.png?alt=media&#x26;token=5b9384f0-28af-48d0-951a-5cfc007d8091" 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="https://1560263855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz14kVz432NnMEq8AbqBr%2Fuploads%2FTI4GNwhVK6qQ3MHcSLlB%2Fimage.png?alt=media&#x26;token=a07e4f85-1915-4a4e-b943-ccdbc1b069a8" 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="https://1560263855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz14kVz432NnMEq8AbqBr%2Fuploads%2FxrIWRQsNaP8ZneS2Gkzu%2Fimage.png?alt=media&#x26;token=fef0ec47-83a8-427d-9acf-d3ddc30dedba" 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="https://1560263855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz14kVz432NnMEq8AbqBr%2Fuploads%2FxpD8RygdTm2GkwpONQ85%2Fimage.png?alt=media&#x26;token=9f452a74-7cae-4889-9ad6-9c34e922c1ce" alt=""><figcaption></figcaption></figure>