Hover content on shop page

Hi,
I know it is possible to select Show summary on hover in the setting for the product card. But I was wondering if it is possible to show both the excerpt and some of the additional information in tabular format when hovering on the product on shop page.

Thanks

Hello,

Unfortunately, there is no option to do that. You can show either excerpt or part of the short description or attribute table.

Best Regards

is there any way to dissable hover and show the exerpt all the time for all products? just like simple flat product cards with excerpts?

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-hover-base .fade-in-block {
position: static;
	opacity: 1;
	visibility: visible;
}
.content-product-imagin {
margin-bottom: 0 !important;
}

Best Regards

Awesome. Thanks Elise.

While some excerpts are longer than others which normally gets hidden after “…”, is there any way to show all the excerpt without “…” and adjust the columns height of products in each row based on the product card with the largest height i.e. longest excerpt (in shop)?

Hello,

Please replace the provided code with this one:

body .woodmart-hover-base .fade-in-block {
position: static;
	opacity: 1;
	visibility: visible;
}
.content-product-imagin {
margin-bottom: 0 !important;
}
body .woodmart-hover-base.hover-ready .fade-in-block {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease,visibility 0s ease;
}
body .woodmart-more-desc {
max-height: none;
}
body .woodmart-hover-base .product-information:hover .woodmart-more-desc-btn {
display: none;
}

Best Regards

[Author]

Posts