Change the add to cart icon with another icon just for some product tag
-
Hey there,
thats a strange request. I would like to change the icon that appear when you go over the add to cart button in a shop page with another one, but just for products into a specific product tag. Is this possible? I’ve changed the text with this rule. Maybe you could help me with the icon.
Thx
Jacopo
Hello,
First of all thanks for choosing our Theme, we are glad to be you in WoodMart WordPress family :)
You can change the add to cart icon by using your icon code, in the below CSS code, you just have to use the below CSS code in global custom CSS area under theme settings >> custom CSS:
.woodmart-hover-base:not([class*=add-small]) .wd-bottom-actions .add-to-cart-loop:before {
content:"\f015";
}
But there is no such option to change the icon for just those products which have specific product tag.
Best Regards.
Ok. So…if is not possible to change the icon just for some category is it possible to don’t show the animation on the button hiding the cart icon? And is it possible to show the text in the mobile version and not the cart icon?
Hello,
If you do not want that animation on add to cart button inside shop page. Then you can use the below CSS code in global custom CSS area under theme settings >> custom CSS:
.woodmart-hover-base:not([class*=add-small]) .wd-bottom-actions .add-to-cart-loop:hover span {
-webkit-transform: none;
transform: none;
}
.woodmart-hover-base:not([class*=add-small]) .wd-bottom-actions .add-to-cart-loop:before {
content:"";
}
It is not possible with theme option to show the text in the mobile version and not the cart icon.
Best Regards.
.
