Product Page Scrolling - Color Variant Selection

Store Design
1

Noticed a scrolling effect on one of our store’s product pages where the page scrolls to the correct product image as a new color variant is selected. We have new products where this effect isn’t working.

The scroll effect we’d like to have is seen on the PDP here, when you select a different color, the product image changes accordingly:

Storefront – https://www.store.forbes.com/collections/kids/products/future-ceo-onesie?variant=40398419460252

Admin – https://shop-forbes.myshopify.com/admin/products/6878369054876

The products below are set up the same, but the scroll effect when selecting different colors isn’t applying. Is there a setting or update I can make to apply the functionality on the front end?

Storefront – https://www.store.forbes.com/collections/kids/products/forbes-future-ceo-toddler-t-shirt?variant=43208896119006

Admin – https://shop-forbes.myshopify.com/admin/products/7747031171294

2

I think you are using a different product template for this product plz confirm the product template for both products is the same or not.

download (4).png
download (4).png1897×860 156 KB

3

Confirmed. The default product theme is the theme applied to both products.

4

Are you sure only this product has this error and all other products are doing well?

5

There are three products where the scroll effect is not applying. Listed below. All other products with multiple color variants are working fine.

https://shop-forbes.myshopify.com/admin/products/7747031171294

https://shop-forbes.myshopify.com/admin/products/7747028386014

https://shop-forbes.myshopify.com/admin/products/7747025371358

6

@artlfrbsshop i dont have access to your admin panel so these links will not open on my side. If you want me to look this problem on your store plz add me as collaborator so I can access these URL