Maintain Extended View in Grid

Wondering if there is a way for this view to stay like this without hovering. For this particular case, the buyers are looking for specific details in the product and hovering over each one of them would be tiring.

Is there any way to keep the products on the hover state? or with the extended description in grid view?

Attachments:

You must be logged in to view attached files.

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;
}
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

You are the best, Thank you so much.

By any chance can we hide the “Add to wishlist” and “Quick View” and show it when you hover over it? That would be ideal.

Again, thank you very much for your help.

Hello,

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

.woodmart-wishlist-btn{
visibility:hidden;
}
.wd-action-btn{
	visibility:hidden;
}
.woodmart-hover-base:hover .wd-bottom-actions .wrap-quickview-button  .wd-action-btn{
    visibility:visible;
}
.woodmart-hover-base:hover .wd-bottom-actions .wrap-wishlist-button .woodmart-wishlist-btn{
    visibility:visible;
}

Best Regards

Thank you so much! It works great but the compare icon is gone.

Attachments:

You must be logged in to view attached files.

Also on list view, the icons shown in hover are not visible anymore.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access to the private area.

Best Regards

Here you go

browser login below

Hello,

It has been fixed now. I have replaced one class.

Best Regards

Hi Elise, I don’t see any difference. The compare icon is not there when you hover. List view looks the same, no icons.

I cleared all caches and nothing

Hello,

Sorry, it is my mistake. Now it works https://gyazo.com/8b568cbe0e449cf8b051c58c60d14f50 Please check.

Best Regards

Thanks just missing the quick view and add to wishlist on the list view. Now it shows the compare on list view but the quick view and add to wishlist

Hello,

What do you mean? https://prnt.sc/v5fojz Quick view, Add to Wishlist and Compare appear now on hover as you required.

Best Regards

[Author]

Posts