Hover-over options in the archive loop or archive.

[KBTP]

KBTP

November 12, 2020 at 4:06 am

My experience with the Full Kadence Membership has been amazing. I’ve been doing some really cool things in conjunction with Elementor. But I’m sort of stuck with what I’ve een trying to do with the Archive Loop.

I have a simple archive loop I edited with Elementor Pro. Just a product image (with an overlay), price and title. That’s it.

The original intention was for the product archives that feature these loops to only display the pure image, without overlay. No price or title, nothing. But that when a customer hovers over the product image, the overlay, price and title appear together at once. And that you can just click anywhere to open the product page.

Through some basic CSS, I’ve managed to make each element appear separately upon hover. Either the title, price or overlay. But I wonder if anyone knows of any way to make them appear together at once, regardless of where with the mouse I am hovering? And that I can click anywhere to open the product page too?

Having said that: adding the title as an option to the Archive Loop Image widget could be cool too, as well as this hover-over feature I’m seeking to enable here *hint hint*