How can I make a product image sticky on the Envy theme?

Store Design
, ,
1

Hi Everyone!

Please help me, if you can. I would like the product photo to remain fixed sticky on the product page while I scroll the longer content next to it. I tried several options I’ve found here, but I couldn’t got the right code for the Envy theme yet. I would be thankful. :slightly_smiling_face:

thx, :Marianna

almost1618 dot com

2

@Tinati

Please share the screenshot of what you want!

Thanks!

3

Yes, sure. I want my product pictures in the product pages would stay fixed/sticked and visible in the top, (I signed red x this ares in the attached photo ) while next to the pictures I scroll the contents- product name, description, price, buy button, etc, until the next section.
thx a lot. :slightly_smiling_face:

363720101_824629995677931_7159268279049467950_n.jpg
363720101_824629995677931_7159268279049467950_n.jpg828×441 43.6 KB

363534991_188673210869314_6750004990543615037_n.jpg
363534991_188673210869314_6750004990543615037_n.jpg828×449 38 KB

4

Hi @Tinati

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->theme-product.min.css

#product-box {
    height: 1300px !important;
}
.col-sm-12.col-md-5 {
    position: sticky;
    z-index: 1;
    top: 0px;
    height: 879px !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly