Add custom text/image on product hover in featured collection

Technical Q&A
,

Topic summary

A user wants to add custom text overlays that appear when hovering over products in featured collections or shop pages, similar to the effect shown on goodgirlsnacks.com. The goal is to either supplement or replace Dawn theme’s built-in second image hover feature.

Key constraint: The custom hover effect should NOT appear on product detail pages (PDP).

Suggested approaches:

  • Embedding text directly into the second hover image would work, but only if the PDP restriction didn’t exist
  • Badge apps could potentially handle image modifications
  • A proper solution requires advanced theme customization and setting up metafields to store the custom text or media with conditional display logic

Status: The discussion remains open with no implementation provided yet. Professional development services were offered to complete the customization.

Summarized with AI on October 23. AI used: claude-sonnet-4-5-20250929.
1

I’m trying to add a custom effect on product hover in featured collections or shop page. I want to add a custom text descriptor. I want this to be in addition to the second image hover or in place of the second image hover that’s built into the Dawn theme, but I don’t want the custom effect to be visible on the PDP. Here is an example of what I want: Products – Good Girl Snacks (when you hover over the products the fun text appears as an overlay).

Any idea how to do this?

Here’s my site:

https://e1hit3-0c.myshopify.com/ (pw: nayche)

3

Hi @studiofooch
Without that catch about the PDP you could just bake the text into the 2nd image(as long as it was a small amount of text to not be obnoxious).
There’s also a some “badge” apps that do stuff like this to modify images mainly for multichannel usages.

Otherwise with that catch that would be an advanced theme customization reach out to me for services to get it done(click profile pick for options).

You’d also need to setup a metafield to store the text, or image/media, to be used in specific conditions.