Make fixed (sticky) product image while scrolling

New Member
2 0 2

https://elisha1.myshopify.com/collections/frontpage/products/short-sleeve-t-shirt

Hi community. I'm struggling to get product image fixed on the screen while scrolling.

I'm currently on the Debut theme and the product image is zoomable.

Tried to add position: fixed to the css (product-single__photo class)  but that makes effect only on mobile version of the shop.

If someone could suggset something to solve that it would be great!

Thanks!

2 Likes
Excursionist
17 1 5

Me too!


@Elisha1 wrote:

https://elisha1.myshopify.com/collections/frontpage/products/short-sleeve-t-shirt

Hi community. I'm struggling to get product image fixed on the screen while scrolling.

I'm currently on the Debut theme and the product image is zoomable.

Tried to add position: fixed to the css (product-single__photo class)  but that makes effect only on mobile version of the shop.

If someone could suggset something to solve that it would be great!

Thanks!


 

0 Likes
Tourist
7 0 0

Hello @Elisha1 

Did you find a result for this? 

I'm trying to do the same, and having no such luck! and Shopify said they can't do it for me :(

Any ideas would be so appreciated! ! thank you! 

 

0 Likes