Anchor Link
Create invisible scroll targets for smooth in-page navigation using anchor links with custom fragment IDs.
Last updated
Was this helpful?
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.
Theme Editor → Add section → Anchor Link
The section is invisible on the storefront — it only serves as a target for links.

Add the Anchor Link section to your page and place it above the section you want to link to
Set the Anchor link field to a name — for example, details
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.

The anchor name must match the URL fragment exactly, including capitalization. If the section says details, the link must be #details — not #Details.
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.
Smooth scroll behavior is controlled globally in Theme Settings → Animations. If scroll feels jumpy, check that smooth scrolling is enabled there.
Appearance settings — navigation layout options
Last updated
Was this helpful?
Was this helpful?
