How can I make product images sticky on my ecommerce site?

Store Design
, , ,
1

Hello,

I was wondering if anyone could help me. I’m trying to make my media images sticky so that as you scroll down the product images will follow.

website: gripmags.com

2

Hello @GripMags ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1676876343924.png
GemPages_0-1676876343924.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

3

Hi @GripMags

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Theme.scss.css

@media (min-width: 1200px){
.Product .Product__Wrapper .Product__Gallery {
    position: sticky !important;
    top: 0 !important;
}
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly