Sticky images in prestige theme

Shopify Discussion

Topic summary

A user needed help making product images sticky while scrolling on a product page in Shopify’s Prestige theme.

Solution provided:

  • Add custom CSS code to the “Product page” section in the Customizer
  • The code uses position: sticky with top: var(--header-height) for the .product-gallery element
  • Applied only on screens wider than 1000px via media query

Outcome:
The original poster confirmed the solution worked and implemented it successfully, also updating their theme.css file. The issue is now resolved.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hello, I am trying to write a code in the prestige theme to sticky product images while scrolling the product page

Can any body please help, I really need your help.

2 Likes
2

On your product page in Customizer, go to “Product page” section and paste this code into “Custom CSS” setting:

@media (min-width: 1000px) {
  .product-gallery {
    position: sticky;
    top: var(--header-height);
  }
}
1 Like
3

Hi @Shelly3006

Could you share the link to your product page?

4

Thanks Tim, it was easy yet so difficult to find on the web. I updated theme.css as well.

Really appreciate it.

1 Like