Single page website

Store Design
,

Topic summary

Goal: enable in-page navigation on a single-page site so a button/link moves to a specific section without leaving the page.

Implementation to date: an empty HTML container with id=“comparison” was added via a custom liquid section, and the button’s URL set to “#comparison” to scroll to that section. (The hash URL references the element ID on the same page.)

Issue: clicking the button causes an instant jump to the target section. The user wants a smooth, slower scrolling animation instead of an abrupt jump.

Request: confirmation whether smooth scrolling is possible with this setup, and guidance on how to achieve it.

Status: no solution or code for smooth scrolling has been provided yet; no decisions or outcomes. The question remains open.

Notes: no media or attachments are central to this discussion.

Summarized with AI on December 30. AI used: gpt-5.
1

What I wanted to do was so that I click a button or a link and instead of it going to a different page, I wanted it to just go to a certain place in the page. I did that using this advice:

"In the custom liquid section, enter this code.


Explanation: This creates an empty html container with an ID that we can now reference in the button to scroll to.
For the button that you want to have scroll to the section, change the URL to “#comparison”."

But with this it scrolls down instantly. I wanted to know if it’s possible to make it go down smoothly and slowly.