Home Forums WoodMart support forum disable animation in add to cart button

disable animation in add to cart button

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #82733

    ntushar
    Participant

    Hi,
    I would like to disable the animation to appear a busket on mouse hover at add to cart button. Please let me know how can i do this. I’am attaching two images.

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

    Hello,

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

    .product-list-item .woodmart-add-btn>a:focus span:not(.woodmart-tooltip-label), .product-list-item .woodmart-add-btn>a:hover span:not(.woodmart-tooltip-label), .woodmart-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .woodmart-add-btn>a:focus span:not(.woodmart-tooltip-label), .woodmart-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .woodmart-add-btn>a:hover span:not(.woodmart-tooltip-label), .woodmart-hover-button .hover-mask>a:focus span:not(.woodmart-tooltip-label), .woodmart-hover-button .hover-mask>a:hover span:not(.woodmart-tooltip-label), .woodmart-hover-info-alt .product-actions>a:focus span:not(.woodmart-tooltip-label), .woodmart-hover-info-alt .product-actions>a:hover span:not(.woodmart-tooltip-label), .woodmart-hover-quick .woodmart-add-btn>a:focus span:not(.woodmart-tooltip-label), .woodmart-hover-quick .woodmart-add-btn>a:hover span:not(.woodmart-tooltip-label), .woodmart-hover-standard .btn-add>a:focus span:not(.woodmart-tooltip-label), .woodmart-hover-standard .btn-add>a:hover span:not(.woodmart-tooltip-label), .woodmart-price-table .woodmart-plan-footer .add-to-cart-loop:focus span:not(.woodmart-tooltip-label), .woodmart-price-table .woodmart-plan-footer .add-to-cart-loop:hover span:not(.woodmart-tooltip-label) {
        transform: none!important;
    }
    .product-list-item .woodmart-add-btn>a:before, .woodmart-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .woodmart-add-btn>a:before, .woodmart-hover-button .hover-mask>a:before, .woodmart-hover-info-alt .product-actions>a:before, .woodmart-hover-quick .woodmart-add-btn>a:before, .woodmart-hover-standard .btn-add>a:before, .woodmart-price-table .woodmart-plan-footer .add-to-cart-loop:before {
        content: none!important;
    }

    Best Regards

    #82810

    ntushar
    Participant

    Thanks ! It worked for desktop but in mobile its still showing the basket.

    #82830

    Hello,

    Move the code to the General CSS block.

    Best Regards

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