atfirstblink

I need some help with the shop page of this site https://seva2.squarespace.com/  (pw:seva) 

So the shop all page populates all the products from the inventory and hovering over every image shows the 2nd thumbnail of the product listing.

Now in order to show each collection separately, I have created different dropdown pages for each collection and populated using the summary block.

My client would like these pages also to have the same feature as the shop all page where the 2nd thumbnail shows up when hovering upon a product listing. How do I go about achieving this? Any suggestions / ideas would be helpful!

Thank you!