For the complete documentation index, see llms.txt. This page is also available as Markdown.

Anchor Link

Create invisible scroll targets for smooth in-page navigation using anchor links with custom fragment IDs.

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.


How it works

1

Add the Anchor Link section to your page and place it above the section you want to link to

2

Set the Anchor link field to a name — for example, details

3

In any button or link on the page, use #details as the URL

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

sparkles

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.

sparkles

Last updated

Was this helpful?