incorrect formatting on “clear” button on single product page

Hi Watersports SA,

Thanks for reaching out to us.

Unfortunately, displaying the clear button is not a feature of our plugin, it is a feature of the WooCommerce itself.

Can you please temporarily deactivate our Swatches plugin and check whether it displays correctly or not?

Hope to hear from you soon.

Thank You

Hi Watersports SA,

Perhaps recently WooCommerce changed the clear markup from <a> to <button>.

The style comes from the theme as they added CSS for the <button> markup.

I hope it will clear up your confusion.

Thank You

Hi Watersports SA,

You can add the following snippet using a plugin called Code Snippets:

add_filter( 'woocommerce_reset_variations_link', function( $markup ){
return sprintf( '<a class="reset_variations" href="#">%s</a>', esc_html__( 'Clear', 'woocommerce' ) );
}, 10, 1);

You can also add the above snippet inside your current theme’s functions.php file.

Note: It is recommended to add the Custom Code to the child theme’s functions.php file, to avoid any data loss while updating the Parent Theme.

It will revert to the old markup of WooCommerce for the clear button.

Hope to hear from you soon.

Thank You

Hi Watersports SA,

Glad to know it helped.

We get excited & honored when you use our plugin on your site.

If you found my support helpful, could you please leave your valuable review here: https://wordpress.org/support/plugin/woo-variation-swatches/reviews/?filter=5

Your rating keeps us inspired.

Thank You

Hi Watersports SA,

Thank you so much for your appreciation.

I am changing the status of this ticket to Resolved.

Please feel free to open a new ticket if you encounter any issues with our plugin.

Have a nice day!

Thank You