How to create an animated scroll to top button on Shopify store

Scroll to Top buttons allow your website visitors to easily scroll back to the top of your page with one click of the button. This gives your website better navigation and also adds a more professional look to your current layout. In this tutorial you will learn how you can create an animated scroll to top button on Shopify store.

The first step, you must go to www.scrolltotop.com. This site will provide many styles for the button

Choosing the style you like best, then copy the code beside.

Next step, log in to your Shopify store. From your Shopify admin, go to Online Store > Themes. Click Actions > Edit code. In the Layouts folder, locate and click on your theme.liquid file to open it in the online code editor. In the online code editor, scroll down a bit until you see the closing </body> tag. Right before the closing </body> tag, paste the code.

Click Save to save your changes. Go to storefront to check it out.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *