Issue: Buttons at the top of a Shopify collection page (Debut theme) should scroll the user to the start of the products section instead of reloading to the page top.
Goal: Implement in-page navigation so a click jumps directly to the product grid’s top (via an anchor link to a specific element/ID), matching the viewport shown in the provided screenshot.
Context: A live collection URL and image were shared to demonstrate the intended view.
Key terms: In-page anchor (HTML link using a hash to target an element ID) enabling on-page scrolling/jumping.
Status: No implementation steps or solution provided in the thread yet; guidance requested and issue remains open.
Hi,
I have created buttons at the top of my collection page. When a customer clicks one of these buttons, I’d like it to scroll them to show the top of the products section, rather than refreshing to the top of the page every time. How do I set this please?
https://www.quiztrail.co.uk/collections/frontpage/surrey
Example - I want it to direct to this view when they click -
