How to replace add to cart button with another button for specific categories

Some of the products on my page cannot be sold online and customers need to come in person to test and get them. How can I replace the add to cart button for specific categories with another button(e.g. call us). Thank you in advance. (Your theme is quite powerful and I am happy that I bought it.)

Hello,

Firstly, we are glad that you liked our Theme. Thank you for that 🙂

Secondly, regarding the concern as you know the default Single Product page comes from WooCommerce by default so it doesn’t provide an option to add a Custom button on it.

But under the WoodMart Theme, you can create Custom Single Product layout using the Theme’s Layout Builder which you can find under the Dashboard > Layouts.

Here is the Guide to that: https://xtemos.com/docs-topic/single-product-page-builder/

Now, in that layout you don’t need to add the Add to Cart button element and add a simple Button there with the required Link that you want to add and then apply that Layout to a specific Product. In this way you can achieve what you want. Please refer to the following Video to get the idea about it: https://www.veed.io/view/843e47a0-a4d1-421b-81d5-ad61d31880e2

To know more about the Layout Builder, please check out the following Guide:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hey thanks a lot that solves 95% of the problem! The small problem that remains is the add to cart button(check image) in the product grid. How can I change the icon for specific categories. Thanks again for the fast response.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to say but unfortunately there isn’t a separate option available right now to change the Add to Cart icon on the Shop or Category pages. It appears globally for these Pages like you are seeing.

But a slightly more difficult alternative way is possible in this regard which you can try out if you want.

Here is the Video Guide to that for your reference:
https://www.veed.io/view/012c790b-a565-4752-aed3-b0ead9135411

Here is the CSS that was shown in the Video which you can modify to your choice accordingly as described in Video:

.term-accessories .wd-add-btn-replace .add-to-cart-loop:before { content: "\f120" !important; }

Location to paste Custom CSS, go to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section >> paste the CSS there.

Hope this helps !

Best Regards

Thank you for the help. I think I ll try your solution.

Most Welcome!!!

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.

[Author]

Posts