Stuck product image while scroll

Store Design
, , , , ,
1

Hello everyone, I need help with my product page. When I scroll through the page, the description is quite lengthy, which creates a lot of white space. I’ve attached a screenshot for reference. Is it possible to make the product image stay fixed (sticky) until I reach the ‘You may also like’ section? Thanks in advance :slightly_smiling_face:
My store URL: myperfectwear.com
Example store : https://threadheads.com/products/christmizzle-oversized-tee Yu can see if you open text image stuck until you reach the bottom

Digital_Imran_0-1733325625364.png
Digital_Imran_0-1733325625364.png1287×660 92.3 KB

2

HI @Digital_Imran

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.product {
    position: relative !important;
}
.product > product-gallery.product-gallery {
    position: sticky;
    top: 100px;
}

Here is the result:

https://img001.prntscr.com/file/img001/tYaNlcjLTb6h7MQ4L9v9Qg.png

I hope this helps

Best,

Daisy

3

Thank you so much @DaisyVo It works :slightly_smiling_face: