How can i link a block in my page to the hero

Store Design
, , ,
1

I have 2 variant options on my course page, then a block further down comparing the 2 variations.
Below the variant options i want to have a button that scrolls you down to this block - would i be able to do this?
if so, how?

2

Hi!

It’s not officially supported, but that never stopped us so here’s a quick workaround.

If your theme supports a “Custom Liquid” section, add one right above the section you want the button to scroll to (remove all the padding in the customizer, if your theme defaults to some).

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”.

Save, refresh and it should now scroll to the comparison.

Let me know if this didn’t work or want me to take a look. :slightly_smiling_face:

3

Yeh - i get that!
Thanks - though i want to do this on my product page and the only file i can find is the JSON one.

Where should i be looking?

4

oh sorry - i completely misread - got it!
Will do now - thanks

5

All good!
If this did the trick, feel free to mark the response as solution :slightly_smiling_face:

6

I think it is not possible officially for more detail check this https://yardgearsguide.com/`.

7

Hi,

is it somehow possible to make it scroll down smoothly and not instantly?