How can I enable image hover for the second image in Debut theme?

Hi,

I want to enable the image hover for second image on each collection on my store. I have read other posts on here but do not have an ‘enable hover image’ button on my settings. My collection settings look like this:

Does anyone know how I can do this?

Thanks

Hi @mbhlg

This can be done by custom code.

First you have to fetch two images of products then on hover display second image using css.

Please could you elaborate further?

Hi, @mbhlg

I understand you are looking for a way to add an On Hover image when images on your page are highlighted by your visitors, is that correct?

@Dbuglabpvtltd was indeed correct, this could be accomplished through the use of third-party code added to your theme.

While it is not directly supported by us to do so, I did find a post from two years ago that had this exact same request. You can find it here with a solution attached.

We do also have an unsupported guide on accomplishing this here on our community page.

What I would recommend also is if you would prefer assistance directly from a community expert you can actually hire one to work with you. You can place an ad here on the Experts Marketplace.

The Shopify app store also offers plenty of free or inexpensive apps that may plugin to your store to accomplish this effect too. You can find a list of curated apps for this purpose here.

Lastly, amongst our other free themes, do we have a theme called Dawn that does come packaged with on-hover images. You can find Dawn here.

1 Like