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

# Back to top

The Back to top button lets shoppers quickly return to the top of long pages. This improves navigation and reduces scrolling effort, especially on mobile.

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2FBPxmWt6aZI5w4U4yj0sX%2FCapture%20d'%C3%A9cran%202026-02-19%20205933.png?alt=media&amp;token=068a6b3c-77fc-4aa1-9638-b2b056ac13b3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

#### How to set it up

* Go to **Online Store** > **Themes** > **Customize**.
* Open **Theme settings** > **Back to top button**.
* Make your changes, preview live, then click **Save**.
  {% endhint %}

### Settings

* **Enable back to top button**: Turns the button on or off. Recommended for long pages.
* **Scroll offset**: Sets how far a visitor must scroll before the button appears. Higher values show it later.
* **Button style**: Choose the button style (Solid, Outline, Transparent or Link style).
* [**Color scheme**](/docs/theme-settings/colors.md#schemes): Chooses the button’s colors. Pick a scheme with strong contrast for readability.

***

### **Tips**

* Start with a Scroll offset around 800–1200 px so it doesn’t appear too early.
* Use a Color scheme that stands out over your page background.
* Match Border radius to your buttons and cards for a consistent look.