Dawn - allow product images in the collection section to flip to the second image when you hover

Store Design
,

Topic summary

Request: Enable product cards in Dawn v8.0.0 to flip to the second product image on hover in collection pages (feature already present on homepage featured sections).

Solution: Use theme settings rather than code changes. Navigate to Admin > Online Store > Themes > Customize to open the Theme Editor, then enable the “second image on hover” option for collection product listings as shown in the provided guidance.

Note: A screenshot/image attachment is central to the exact steps within the Theme Editor.

Outcome: The approach was implemented successfully and confirmed by the requester. Status: Resolved; no further action or unanswered questions noted.

Summarized with AI on January 28. AI used: gpt-5.
1

In the theme Dawn, how can I make product images in the collection section flip to the second image when you hover over the first image. What change are required to the theme’s code? I am using Dawn version 8.0.0

To clarify this functionality is standard on the featured elements on the home page but I want to add it to all collection product listings.

It would be great if someone in the community could kindly point me in the write direction

Thanks

1 Like
2

Hi @andrewbwalsh ,

I understand that you want to show the second image on hover in your collection page. To do so, please follow the instructions below

  1. From you Admin page, go to Online store > Themes > Customize
  2. You should be redirected to the Theme editor. Follow the instructions in the image below

made4Uo_2-1682456054337.png
made4Uo_2-1682456054337.png1904×942 370 KB

1 Like
3

Thank you so much, delighted to be able to implement that so quickly and your guide and imagery was first class, thanks