Re: STICKY IMAGES ON PRODUCT SCROLL

Solved

How can I make images stick on product scroll in Spotlight theme?

Marwan0346
Visitor
2 0 0

Hi,

 

I would like the following:

Marwan0346_0-1709914098345.png

 

My theme is Spotlight. Here is the link: https://dxme.site/

 

 

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2138 615 493

This is an accepted solution.

Hey @Marwan0346,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
@media only screen and (min-width: 990px) {
    .grid__item.product__media-wrapper media-gallery {
        position: sticky !important;
        top: 70px !important;
    }
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1709915243208.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 2 (2)

ThePrimeWeb
Shopify Partner
2138 615 493

This is an accepted solution.

Hey @Marwan0346,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
@media only screen and (min-width: 990px) {
    .grid__item.product__media-wrapper media-gallery {
        position: sticky !important;
        top: 70px !important;
    }
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1709915243208.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Marwan0346
Visitor
2 0 0

Yep, works like a charm! Many thanks.