customize Clear button under the variations

[[email protected]]

Hello, Dear support
how can I customize the clear button under my products?
I want to change the text of the button to “clear to choose other options”,
also want to change its color to red

[Billy Nguyen]

1. Please add this custom code to the file functions.php( child-theme):

add_filter('woocommerce_reset_variations_link', 'printec_woocommerce_reset_variations_link');
function printec_woocommerce_reset_variations_link(){
$link = '<a class="reset_variations" href="#">' . esc_html__( 'Clear to choose other options', 'woocommerce' ) . '</a>';
return $link;
}

2. Change color:
Please add this custom CSS to the file style.css or customize CSS

.single-product div.product table.variations a.reset_variations{
color: #ff0000;
}

[[email protected]]

Hello again
its worked.
thank you.

[Billy Nguyen]

Ok, let me know if you need to help and hope you will vote 5* for our theme.

Thanks./

[Author]

Posts