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

Store Design
, ,

Topic summary

A user asks how to make product images remain fixed (sticky) while scrolling on a product page using the Spotlight theme.

Solution provided:

  • Navigate to theme’s “Edit Code” section
  • Locate the theme.liquid file
  • Insert custom CSS code below the <head> tag
  • A screenshot reference was shared showing the exact placement

Outcome:

  • The original poster confirmed the solution works successfully
  • Another user with the Dawn theme requested similar help for the same sticky image functionality
Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I would like the following:

Marwan0346_0-1709914098345.png
Marwan0346_0-1709914098345.png598Ă—551 67.6 KB

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

2

Hey @Marwan0346 ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

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

ThePrimeWeb_0-1709915243208.jpeg
ThePrimeWeb_0-1709915243208.jpeg1253Ă—933 87.9 KB

1 Like
3

Yep, works like a charm! Many thanks.

4

Hi there, May you help me, please? I have the same situation, but with Dawn Theme. Thank you.