Page jump when clicking variants, code help.

Technical Q&A
, , ,
1

My stores product page was custom coded so I need help figuring out the code behind this is causing the issue. My store is mycrystalvessel.com on the product page only on desktop, if you select one of the variants which you have to scroll down to see the page jumps down. The further down the variant the further down the page jumps, this doesn’t happen with variant options at the top. Any idea what in the code is causing this issue?

Thanks.

2

Hello @Alfie7766 ,

Not sure for the exact issue but if you want to fix it.

Edit this section JS and event prevent the click so this thing will not happen.

Regards
Guleria

3

This seem to be a CSS-related issue.

Go to this section settings in Cusomizer and paste this into “Custom CSS” setting:

input[name=Intentions] {
  display: none;
}
4

I changed the input from a label to a div, as on desktop the screen tries to have the selected label in frame, so by turning it into a div and adjusting the css to style it has been solved.

5

Hi @Alfie7766 :waving_hand: Careful with that, you can be undermining both the usability and accessibility of your website.

Labels allow clicking the labels area to make a selection and helps the blind or low motion individuals navigate a website.