Syncing Scrolling with Product Page Content

Store Design

Topic summary

A user is experiencing a scrolling synchronization issue on their product page. Currently, when scrolling down, the media gallery (left side) scrolls completely before the product description and details (right side) begin scrolling.

Desired behavior:

  • Both sides should scroll simultaneously
  • When one side runs out of content, it should stop while the other continues
  • This is particularly problematic when collapsible rows are expanded, as content becomes partially hidden due to screen size

The user references a Louis Vuitton product page as an example of the desired functionality. A developer has offered to examine the theme files to implement a fix, and the conversation has moved to private messages for resolution.

Status: Ongoing - solution in progress through direct communication.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Hello!

Since it’s going to be very hard to explain this one, here’s the link to my website:

https://r20561-af.myshopify.com/products/apple-airpods-max-metal

Password: theaba

and here’s the website that has the function I want:

https://eu.louisvuitton.com/eng-e1/products/lv-x-tm-speedy-soft-30-nvprod5940160v/M13257

When I’m scrolling down my product page and open one of the collapsible rows, the text inside the collapsible rows are not completely visible due to the screensize. If you start scrolling down, the left side of the screen scrolls first (the media), and after it scrolled down completely, that’s when the right side of the screen starts scrolling (the description, price etc.) When scrolling down, I would want both sides to scroll down at the same time, and if one side runs out of contents, it stops, but the other one goes on, until there is no more content.

Thanks in advance, hope I explained clearly

2

This will need to take a look theme file of your store. Please reach me out so that I fix it.

Thanks

3

Thanks, I’ve reached out in private messages!