View overlay not working anymore since last template update

Hi,
since I did the last update (2015-03-11) of the template, the overlay (round "view") for categories and products in category view doesn't work anymore. If you check the code, you will see that it is there but there is no scrolling effect or anything else.

Please see: http://dmt25-linux.bits.co.at/j3/index.php/ergebnisse/test-1/ (category view)
and: http://dmt25-linux.bits.co.at/j3/index.php/shop/store-frontpage/test-1/sub-test-1

Is this a already known issue? Have found topics with "how to remove the overlay" only, but I need it the other direction

Thanks!

If you check the vm.css and change line 176 (.category-view .category .category-overlay > span > span) from:

Code: Select all

opacity: 0;

to

Code: Select all

opacity: 1;

you can see, that the overlay is there already, but no movement or anything on hover

ZOOM on product details works like a charm...

Hi

I think I've reported a similar issue and a fix for that is presented in one of my threads on this forum, but a permanent fix will be delivered in new weeks update.

Alright Sir! Could you post the link to this post (searched for it without luck). If not, no prob!

Thx and regards

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

.category-view .category .category-overlay:hover > span > span,
.browse-view .product .product-overlay:hover > span > span,
.featured-view .product .product-overlay:hover > span > span,
.latest-view .product .product-overlay:hover > span > span,
.topten-view .product .product-overlay:hover > span > span,
.recent-view .product .product-overlay:hover > span > span,
.productDetails .main-image .product-overlay:hover > span > span {
margin-top: 50%;
opacity: 0;
}


Hi,

thanks for the code. You have to change

Code: Select all

opacity: 0;
}

to

Code: Select all

opacity: 1;
}

Ohterwise the overlay wont show up.

Regards
Steff

Hi

Yes, sorry for that. I copied the code added ":hover" and forgot to change opacity value ;/

Hi,

i have the same problem. Seems not to be fixed? Fresh installed J3 and Vm3 and no more overlay.
With your provided solution the circle shows up, but the white overlay on the product is still missing.
Can you please provide a solution that styles the products hover animation like it is in your demo.

Thank in advance

Hi

Try replace this class to this:

Code: Select all

.category-view .category .category-overlay:hover > span > span,
.browse-view .product .product-overlay:hover > span > span,
.featured-view .product .product-overlay:hover > span > span,
.latest-view .product .product-overlay:hover > span > span,
.topten-view .product .product-overlay:hover > span > span,
.recent-view .product .product-overlay:hover > span > span,
.productDetails .main-image .product-overlay:hover > span > span {
background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
margin-top: 50%;
opacity: 1;
}