Fixed product image on page scroll, Turbo theme

Solved
PureCare
Tourist
4 0 1

Hello everyone, 
Screen Shot 2019-10-04 at 4.14.30 pm.png

(took the pic here : https://community.shopify.com/c/Shopify-Design/Fixed-Sticky-Product-Imaged-on-Page-scroll-VENTURE-th...)

I need to do this to my product page (shown on image) 

Can someone help me with that ? 

Thanks a lot for your help.

0 Likes
paramSoft
Shopify Partner
1606 255 712


Please provide website url and if your store is password protected then also provide password

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
PureCare
Tourist
4 0 1

Hello, this is my store : pure-care.fr and the password is : prohge

Thanks 

0 Likes
paramSoft
Shopify Partner
1606 255 712

This is an accepted solution.

Please place this code at the end of theme.scss

@media only screen and (min-width: 768px) {
.product_section .product__images {
position: -webkit-sticky;
position: sticky;
    top: 13%;
}
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
PureCare
Tourist
4 0 1

Thanks you so much ! It works.

When i scroll, there is a menu drop down (sticky like on the image)
How can I add some space between the menu dropdown and the sticky image (arrow in the screen) ?

Capture d’écran 2021-03-04 à 11.08.37.png

0 Likes
paramSoft
Shopify Partner
1606 255 712

This is an accepted solution.

@media only screen and (min-width: 768px) {
.product_section .product__images {
position: -webkit-sticky;
position: sticky;
    top: 17%; /* change this to set position */
}
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
paramSoft
Shopify Partner
1606 255 712

Thank you for update.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com