Add scroll to the top of the page Button

Store Design
1

Hi I want to add a button where you get taken to the product at the top of the page.

If you go in here https://suitcaseflex.com/products/suitcaseflex-pro , You can see at the bottom there is a button that says buy now, I want it so that if you click that, it takes you up to the top to the product again, just below the “perfect for any trip” text.

Appreciate any help!

2

EvinceDev_0-1728298803194.png
EvinceDev_0-1728298803194.png1919×984 256 KB

Hello @suitcaseflex we have to add a id here and than pass the id value in href attribute of anchor tag of buy now in bottom of page . if you are looking for that smooth scrolling while button taking view to top please add scroll-behaviour:smooth; css for html and body tag

3

Hi @suitcaseflex ,

To solve this quickly:

Add an ID to the target section (just below “Perfect for any trip”):

## Perfect for any trip

Update the “Buy Now” button at the bottom to scroll back up:

Buy Now

Now, when the “Buy Now” button is clicked, it will scroll to the product section near “Perfect for any trip.”