Divi Product Module for Woocommerce

Arunki · Jun 28, 2024

Hi, guys

I need help to customize the add to cart button - Product Module. I found a code in this article: https://quadlayers.com/add-to-cart-button-in-divi/. The first part, regarding to show the buttons worked fine. But the customizing part i did not get how to implement.

The first code I shall paste in the functions.php of the Child Theme?
Code:
Log In or Sign Up to view this code.
I need a more detailed guidance to understand the explanation below :

Then, you can use CSS to modify the button. In this code, we have mentioned the button’s default CSS classes like: button product_type_simple add_to_cart_button ajax_add_to_cart. Additionally, you can add your custom CSS class by replacing my_class_here.

When you include additional CSS to your theme, you can use something like: .my_class { option:value !important; }. Make sure you will replace my_class with your CSS class.
Click to expand...

And then the last piece:

For example, you can use a CSS code like this:
.woocommerce-LoopProduct-link + a {
/* Your custom CSS here */
}
Click to expand...

In the code above I would need an example of a custom CSS code for this situation. Where do I change the text of the button?

Someone give me a hand, please?

Useful Searches

Divi Product Module for Woocommerce

Arunki New Member