Want Product info side sticky

Store Design
, ,

Topic summary

  • Goal: Make the product info column sticky on product pages while the image gallery scrolls independently; once the last image is reached, allow the product info to scroll, then resume normal page scrolling.

  • Actions: A store preview URL was requested and provided (Shopify preview product link).

  • Solution: Instructions were given to edit the theme.liquid file (Shopify Admin > Online Store > Theme > Edit code) and insert a short code snippet before the closing tag. The exact snippet is not visible in this transcript.

  • Outcome: The change (reported as ~3 lines of code) immediately achieved the desired sticky behavior. The original issue is resolved.

  • Latest update: The requester asked for further assistance related to the previous query; no details or answer yet, so the follow-up remains open.

  • Note: The missing code snippet is central to implementation; readers may need the original post’s code block to replicate the fix.

Summarized with AI on December 14. AI used: gpt-5.
1

Hello there,

I want to make product info side sticky while enabling images side to scroll until last image. While reaching last image product info side scrolls and then the whole section scrolls normally.

Is there any solution for it?

2

@faum , could you kindly share your store url?

3

Yeah sure here is it.

https://hju9jnt5u8yk9cab-64294944940.shopifypreview.com/products/diamond-charm-ring?_pos=1&_psq=Diamond+Charm+Ring&_ss=e&_v=1.0

4

@faum ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above

If it helps you, please like and mark it as the solution.

Best Regards :blush:

1 Like
5

Awesome bro :rofl: I was editing whole template from 3 days but your 3 lines code did in a sec :wink:

1 Like
6

Glad to help you :joy:

1 Like
7

Hello Brother, Let me know if you are available. I want to ask one more thing related to previous query.Thanks