How can I alter product image on hover in the Dawn theme?

Store Design
, ,

Topic summary

A user wants to implement hover functionality on product images in the Dawn theme to display the front of shirts when hovering. They’ve attempted to modify snippets and found CSS codes, but these exceed the 500-character limit and haven’t worked.

Response from BSS-Commerce:

  • States this functionality is not possible with the current setup
  • Explains that product images are hosted through Shopify’s CDN
  • Users can only customize image size or position
  • Cannot replace images with different ones on hover due to CDN restrictions
  • Photos cannot be accessed directly

The issue remains unresolved with no alternative solution provided.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

I have been looking to be able to have my product images change to show the front of the shirts when you hover over it. I have tried editing the snippets but that hasn’t seemed to work for me. I have found CSS codes, but they exceed the 500 character limit so I cannot use them. I am using the Dawn theme.

My store is highlandlow.com

1 Like
2

Hi @HLLofficial ,

Hello, this is not possible. Because currently the product image displayed has been uploaded through shopify’s cdn. So you cannot access these photos directly.
You can only customize the size or position of the image, but cannot replace another image when hovering.