Prevent auto-scroll when selecting a product image in Brooklyn theme

Store Design
1

Hi Shopify community! This weird bug in the Brooklyn theme is driving me positively crazy. I noticed that when I’m clicking “forward” through variants, either by scrolling through the dropdown list or by clicking on the variant thumbnails, everything is normal. However, when I click “backward” through image thumbnails, i.e. clicking on the first variant when I was previously selecting the second variant, the page automatically scrolls down past the buttons, the description, and the thumbnails to the featured collection section. Why is this happening and how can I fix it??

1 Like
2

@honuboba

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

https://honuboba.com/products/the-vintage
Password: lowsai

Thank you!

1 Like
4

@honuboba

thanks for url can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
[class*=product-single__meta--] {
    position: relative;
}
5

Pasted, but sadly the behavior is still exactly the same!

1 Like
6

@honuboba

yes i have check this code its work

7

Not sure how you tested it but I did it in several browsers and in incognito mode and the same effect still occurs when I click on variants higher on the list, but not 100% of the time. If needed, I can do another screen record to demonstrate.

1 Like
8

@honuboba

yes please share us

9

Here it is!https://youtu.be/4hvADpEiblE