I fixed it.
I will live here the solution for anyone else with the same problem :
Go to Theme File Editor -> Select ‘functions.php’ and add the following code :
add_filter(‘woocommerce_product_add_to_cart_aria_describedby’, ‘custom_product_add_to_cart_aria_describedby’, 10, 2);
function custom_product_add_to_cart_aria_describedby($description, $product) {
// Customize the description based on your needs.
// You can use data from $product to make it dynamic.
return ‘Custom description for ARIA’;
}
function enqueue_custom_script() {
wp_enqueue_script(‘custom-script’, get_stylesheet_directory_uri() . ‘/js/custom-script.js’, array(‘jquery’), ‘1.0’, true);
}
add_action(‘wp_enqueue_scripts’, ‘enqueue_custom_script’);
Next create a folder named ‘js’ inside the woodmart-child folder
Create a new js file ‘custom-script.js’ and add the following code :
jQuery(document).ready(function($) {
$(‘.wd-add-btn-replace .button.add_to_cart_button’).each(function() {
var productId = $(this).data(‘product_id’);
var variantOptionsDiv = $(‘<div id=”variant-options-‘ + productId + ‘”>This product has multiple variants. The options may be chosen on the product page.</div>’).css(‘display’, ‘none’);
$(this).after(variantOptionsDiv);
$(this).attr(‘aria-describedby’, ‘variant-options-‘ + productId);
$(this).on(‘click’, function(e) {
e.preventDefault();
variantOptionsDiv.toggle();
});
});
});
.
