Remove / change add to basket button from compare page
-
Hi,
The way my woocommerce adds products the “Add to basket” button does not function correctly in the Compare Page.
Is there a way to just hide this button from the compare page?
Also is there a way to change from the “Add to basket” button to “View product”, how I have across the product archives?
Thanks.
Attachments:
You must be
logged in to view attached files.
Hello,
01. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.wd-compare-table .add_to_cart_button {
display: none !important;
}
02. Try to use the Loco Translate plugin to translate that text – https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/
Best Regards
thanks for the css.
Can you give me the css to hide the “read more” button on the compare page that shows when products are out of stock. see image attached.
Attachments:
You must be
logged in to view attached files.
Hello,
Please try to use the below custom CSS code and paste it to Theme Settings >> CSS >> Global CSS section:
.wd-compare-page .button, .added_to_cart {
display: none;
}
Best Regards.
Hi,
I think maybe you misunderstood.
This first css you gave me works good for products in stock and hides the “add to cart” button.
But now i need another css to hide the “read more” button that comes with products out of stock. Please see new screen shot
Attachments:
You must be
logged in to view attached files.
Hello,
Yes, please use the below custom CSS code as well:
.wd-compare-page a.button.product_type_simple.add-to-cart-loop {
display: none;
}
Best Regards.
Hi the code you have provided didn’t work.
I changed “.wd-compare-page” to “.wd-compare-table” and it looks like it is effective making the code:
.wd-compare-table a.button.product_type_simple.add-to-cart-loop {
display: none;
}
Now for the removal of the “Add to Cart” Button & the “Read More” button I have the following Custom CSS:
.wd-compare-table .add_to_cart_button {
display: none !important;
}
.wd-compare-table a.button.product_type_simple.add-to-cart-loop {
display: none;
}
Can you confirm this is safe to used and shouldn’t effect anything else apart from what is intended?
Hello,
Yes, you can use this custom CSS code and it will not affect on any other pages or section of the site. This below custom CSS code is safe to use:
.wd-compare-table .add_to_cart_button {
display: none !important;
}
.wd-compare-table a.button.product_type_simple.add-to-cart-loop {
display: none;
}
Best Regards.
.
