Help! Hover reveal effect on COLLECTION images (not Product images)

Highlighted
New Member
3 0 0

Hello everyone,

 

I am using the Debut theme and after much trial and error managed to set up the hover/reveal on product images.  However, I really need to be able to produce this effect on COLLECTION images.  

 

I have my heart set on using artwork as the collection images for several different collections which is unrelated to the products within and so you do not see the product images until you click through into the collection.  I know many people have set up the hover/reveal on products so to be clear, I would really like a similar hover effect, but on the COLLECTION images.

 

Does anyone know if this is possible with the Debut theme?

 

Thank you in advance for your thoughts and help!

 

Laura

0 Likes
Highlighted
Shopify Expert
278 14 54

Hi , 

Yes, it's possible to add mouseover on (Products on collection page to show )2nd images or slider.

 

try this code 

We Used Debut theme then we customize it according to our need

MOUSE OVER 2ND IMAGE
https://mssignature.myshopify.com/collections/mouse-over-2nd-image 

 

MOUSE OVER SLIDER

https://mssignature.myshopify.com/collections/mouse-hover-slider

 

Sudipta 
MS Web Designer | Task4Store
20,000+ Tasks Completed | 1000+ Happy Clients

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution

0 Likes
Highlighted
New Member
3 0 0

Hi Sudipta,

 

Thank you so much for the prompt reply. 

 

I have already used this code and had it working on product images, but do not require this effect on the products and have now removed the effect from products.

 

BUT - BUT - BUT.....

 

I do want this same reveal effect on the Collection images. 

 

On our home page, there are several collections all showing hand-painted artwork as the collection image.  I want to be able to hover over the artwork (the collection image) and have it reveal one of the product images from within that collection.

 

I've searched high and low, but can only find the same code that you sent for product images.  Its collection images I need it to work on.

 

Thank you in anticipation of a reply! - Laura

 

Shopify Collections image 2.PNG

0 Likes
New Member
3 0 0

Hi there,

 

Is anyone able to help with putting an image reveal on a COLLECTION image?  

 

(NOT on product images).

 

Thank you - Laura

0 Likes