Home › Forums › WoodMart support forum › Maintain Extended View in Grid

Maintain Extended View in Grid

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • October 21, 2020 at 12:31 pm #235024

    J6SE
    Participant

    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.
    October 21, 2020 at 8:49 pm #235133

    Elise Noromit
    Member

    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

    October 21, 2020 at 10:48 pm #235172

    J6SE
    Participant

    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.

    October 22, 2020 at 3:16 pm #235411

    Elise Noromit
    Member

    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

    October 22, 2020 at 8:17 pm #235447

    J6SE
    Participant

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

    Attachments:
    You must be logged in to view attached files.
    October 23, 2020 at 1:45 am #235480

    J6SE
    Participant

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

    Attachments:
    You must be logged in to view attached files.
    October 23, 2020 at 7:01 am #235520

    Elise Noromit
    Member

    Hello,

    Please provide your site admin access to the private area.

    Best Regards

    October 23, 2020 at 7:03 am #235522

    J6SE
    Participant

    Here you go

    October 23, 2020 at 7:16 am #235526

    J6SE
    Participant

    browser login below

    October 23, 2020 at 10:15 am #235591

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    October 23, 2020 at 10:34 am #235598

    J6SE
    Participant

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

    October 23, 2020 at 10:34 am #235599

    J6SE
    Participant

    I cleared all caches and nothing

    October 23, 2020 at 11:57 am #235622

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    October 23, 2020 at 12:11 pm #235624

    J6SE
    Participant

    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

    October 23, 2020 at 3:57 pm #235667

    Elise Noromit
    Member

    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
Viewing 15 posts - 1 through 15 (of 15 total)