> For the complete documentation index, see [llms.txt](https://staylime.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/anchor-link.md).

# Anchor Link

An invisible utility section that creates a named scroll target on the page. Use it to build "jump to" links that smoothly scroll visitors to a specific part of the page.

***

### How to find

**Theme Editor → Add section → Anchor Link**

The section is invisible on the storefront — it only serves as a target for links.

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

***

### How it works

{% stepper %}
{% step %}
Add the **Anchor Link** section to your page and place it above the section you want to link to
{% endstep %}

{% step %}
Set the **Anchor link** field to a name — for example, `details`
{% endstep %}

{% step %}
In any button or link on the page, use `#details` as the URL
{% endstep %}
{% endstepper %}

When a visitor clicks that link, the page scrolls smoothly to the anchor position.

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

{% hint style="success" icon="sparkles" %}
The anchor name must match the URL fragment exactly, including capitalization. If the section says `details`, the link must be `#details` — not `#Details`.
{% endhint %}

***

### Use cases

**One-page store** — create a single homepage with multiple sections and a top menu that jumps between them (About, Products, Contact).

**Long product pages** — add anchor links above tabs or review sections so you can link directly to "Read reviews" or "Size guide" from the product description.

**Promotional landing pages** — link a hero banner CTA to a featured collection further down the same page.

{% hint style="success" icon="sparkles" %}
Smooth scroll behavior is controlled globally in [**Theme Settings → Animations**](/docs/avante-themes/theme-settings/animation.md). If scroll feels jumpy, check that smooth scrolling is enabled there.
{% endhint %}

***

### Related

* [Appearance settings](/docs/avante-themes/theme-settings/appearance.md) — navigation layout options


---

# 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://staylime.com/docs/avante-themes/global-sections/header-and-navigation/anchor-link.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.