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

honuboba
Tourist
5 0 4

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??

Replies 8 (8)

KetanKumar
Shopify Partner
36839 3635 11971

@honuboba 

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

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

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
honuboba
Tourist
5 0 4
https://honuboba.com/products/the-vintage
Password: lowsai

Thank you!
KetanKumar
Shopify Partner
36839 3635 11971

@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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
honuboba
Tourist
5 0 4

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

KetanKumar
Shopify Partner
36839 3635 11971

@honuboba 

yes i have check this code its work

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
honuboba
Tourist
5 0 4

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.

KetanKumar
Shopify Partner
36839 3635 11971

@honuboba 

yes please share us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
honuboba
Tourist
5 0 4

Here it is!