Re: Product Page Image Sticky

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

16 0 4


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.


Replies 2 (2)

Shopify Partner
5624 1261 1230

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


2. Open your theme.liquid theme file

3. Paste the below code before </head>

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


Let us know how it works for you.


Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business

- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

Shopify Partner
7865 1785 3076

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