Why does my page autoscroll when a product variant is selected?

Technical Q&A
1

Hi All,

I have been racking my brain for a while now trying to figure out the cause of this issue.

This is the page in question: https://www.aimshop.com/products/remote-button-interface-keypad-laser-etched-inserts.

Whenever someone selects an insert, the image changes to match, which is great. But the page also scrolls down slightly. Now usually, this wouldn’t be an issue, but due to the page scrolling down slightly, if a customer changes their variant choice, the image won’t update to match their selection.

However, if they scroll back to the top of the page after making an initial selection, and then choosing a new variant, the image will update again, and the page will again scroll down.

Any help to stop this from happening would be greatly appreciated.

This issue only seems to happen on this product page and no others.

2

Comment to bump for solution

3

Have the same issue.

4

I’m having the same issue. When I have variants linked to the each photo the page slightly scrolls down every time I select them. Here’s a gif:
nrBHu0X

5

Apologies for resurrecting a zombie, so to speak, but was wondering if / how you managed to solve this issue. I visited the link you posted and appears to be resolved.

I’m having the same issue with my site so any help would be greatly appreciated.

Thank you for your time,

Callum

6

Hello were you able to solve this issue?