How to create a smooth anchor jump link on a webpage?

Technical Q&A
,
1

Hi there,

We want to create a smooth same page anchor transition, so that when a customer clicks: “View products” it will scroll to the products section below.

This is the page in question: Rosacea Treatments | Skin Care | Welzo

2

Hello @Welzohealth ,

It’s GemPages support team and glad to support you today.

I would like to give you a recommendation to support you so kindly follow steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1671459219623.png
GemPages_0-1671459219623.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

For example,

GemPages_1-1671459345438.png
GemPages_1-1671459345438.png1919×904 84.5 KB

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team