Disable animation – Add to cart button
-
Hello, i want to disable the animation on add to cart button on shop archives. How to set to the” buy” word be fixed on desktop and mobile, without the cart icon animation?
Hello,
Can you please share the WP admin login details of your site so I will check and give you a possible solution?
Best Regards.
Information above on extra information
Hello,
Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.product-grid-item .wd-add-btn>a:focus span:not(.wd-tooltip-label), .product-grid-item .wd-add-btn>a:hover span:not(.woodmart-tooltip-label), .wd-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .wd-add-btn>a:focus span:not(.wd-tooltip-label), .wd-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .wd-add-btn>a:hover span:not(.wd-tooltip-label), .wd-hover-button .hover-mask>a:focus span:not(.wd-tooltip-label), .wd-hover-button .hover-mask>a:hover span:not(.wd-tooltip-label), .wd-hover-info-alt .product-actions>a:focus span:not(.woodmart-tooltip-label), .wd-hover-info-alt .product-actions>a:hover span:not(.wd-tooltip-label), .woodmart-hover-quick .wd-add-btn>a:focus span:not(.woodmart-tooltip-label), .wd-hover-quick .wd-add-btn>a:hover span:not(.wd-tooltip-label), .wd-hover-standard .btn-add>a:focus span:not(.wd-tooltip-label), .wd-hover-standard .btn-add>a:hover span:not(.wd-tooltip-label), .wd-price-table .wd-plan-footer .add-to-cart-loop:focus span:not(.wd-tooltip-label), .wd-price-table .wd-plan-footer .add-to-cart-loop:hover span:not(.wd-tooltip-label) {
transform: none !important;
}
.wd-add-btn-replace .add-to-cart-loop:before {
content: none !important;
}
Best Regards.
Hello, this code dont work on mobile. The button on mobile now is empty.
Hello,
Try to add this custom css code for desktop only because add to cart in mobile is already without animation.
Best Regards.
.
