Home Forums WoodMart – Premium Template Maintain Extended View in Grid

This topic contains 14 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 month ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #235024

    J6SE
    Customer

    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.
    #235133

    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

    #235172

    J6SE
    Customer

    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.

    #235411

    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

    #235447

    J6SE
    Customer

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

    Attachments:
    You must be logged in to view attached files.
    #235480

    J6SE
    Customer

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

    Attachments:
    You must be logged in to view attached files.
    #235520

    Hello,

    Please provide your site admin access to the private area.

    Best Regards

    #235522

    J6SE
    Customer

    Here you go

    Private Content Hidden
    #235526

    J6SE
    Customer

    browser login below

    Private Content Hidden
    #235591

    Hello,

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

    Best Regards

    #235598

    J6SE
    Customer

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

    #235599

    J6SE
    Customer

    I cleared all caches and nothing

    #235622

    Hello,

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

    Best Regards

    #235624

    J6SE
    Customer

    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

    #235667

    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

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.