Hi,
I have a WooCommerce mini cart icon with it’s label. I want to open the mini cart when I hover everywhere in the block. How can I achieve this please?
Can’t be specific because I can’t see your code… but here is an answer for the same question asked on FB. This is their html, so you can refer and see which divs, and change the ID /class accordingly.
Add two pairs of interactions to the element (#brxe-fnqpea - or any element you wish to hover to open cart)
Interaction one (mousein) targets class .brxe-woocommerce-mini-cart - and adds-class .show-cart-details
(also a mouseout that removes the class)
Interaction two (mousein) targets class .cart-detail-hptqmx (it could be just .cart-detail - but specificity can avoid issues if you have another cart or anything) - and add class .active
(also a mouseout to remove the class)
If you’re comfortable adding your own JS:
2 Likes