Product Block - Display Description on Hover

Hello,

I am using a template with the basic product blocks, not advanced. Is there a way to overlay product-excerpt on the block when hovering over it?  The except takes up too much space on the page. If there is any other way apart from hover to show/hide the description on the same page, that would work as well.

Thank you so much!

Cheers,

Ash

You can use CSS to do this. But difficult to give CSS without checking product on your site.

Can you share link to product page on your site?

Thank you for the response! Please take a look here - www.eatturmeric.ca/turmericdelivery

Thank you for taking a look into this, much appreciated!

Can you take screenshot excerpt? I don't see excerpt...

The excerpt is not visible in the live page as it takes too much space. Below is an unlinked page with an excerpt enabled.

www.eatturmeric.ca/turmeric-delivery

Add to Home > Design > Custom CSS

.productDetails.center {
    display: none;
}
.product-block .image-container:hover + .productDetails {
    display: block;
}

Thank you very much!