Touch and Hold aka rollover on mobile for Dawn Theme 11

Topic summary

  • Issue: In Shopify’s Dawn Theme 11, product thumbnails on collection pages switch to the second image on desktop hover (rollover), but this behavior doesn’t work on mobile.
  • Goal: Enable a mobile “touch and hold” interaction to display the second product image.
  • Constraint: The original poster saw a CSS-based fix in another thread, but Dawn 11’s CSS/file structure differs, so they don’t know where or how to add it.
  • Additional input: Another user confirms the same need and inability to find documentation or guidance.
  • Status: No solution, code, or steps have been provided yet; the request for Dawn 11-specific implementation remains open and unresolved.
Summarized with AI on January 14. AI used: gpt-5.

Using Dawn 11 for new store. On desktop when showing a collection, you can rollover product images and it changes to the second image in the product. But it doesn’t work on mobile. I saw another post that says this is called “touch and hold” for mobile–and the fixed offered up was pretty easy, but I dont have the same CSS files as what that post can anyone tell me how to add that to my theme so mobile shows the second image?

I also need help with this! Can’t find information anywhere..