Second image on hover for ANY images used on the website? (not just product images or collections)

Store Design
, ,

Topic summary

An illustrator wants to create a “Before and After” gallery page showing illustrations that reveal reference photos on hover or click. This feature is needed for a separate inspiration gallery, not for product images.

Key Details:

  • Using Dawn theme
  • Seeking hover effect or sliding reveal for any images on the website
  • Open to either custom code edits or using an app

Current Status:
One respondent indicated that custom code would be required to implement this feature. The discussion remains open with no specific solution provided yet.

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

Hi all!

I want to create a gallery in one of my pages to show multiple ‘Before and After’ images.
I am an illustrator so I would like to show a grid with several illustrations and when you click on them (or go over it) it shows a second image (reference picture used for the illustration) using a hover effect (or sliding to reveal).
Is there any way I can enable a second image on hover feature for ANY image used on the website? This will be in a separate ‘Gallery’ page for inspiration purposes so it has nothing to do with the usual hover on image used for products photos.
I’m using Dawn theme.

Any help is appreciated! Happy to edit the code or use an app that does this if that’s easier.

Thank you :slightly_smiling_face:
Monica.

2

Hello @MonnsG ,
You need to add custom codes for this feature.