Issue with Reset/Clear form button

  • Resolved isradlt

    (@isradlt)


    2 months ago

    Hello,

    For the past few days, I’ve noticed that the button that previously worked to reset/clear the product options form in WooCommerce is no longer displaying text, and its size is very small. However, it does clear the form when clicked.

    I’ve tried clearing caches, but the issue persists. I am using the latest versions of WordPress 6.7.1 and WooCommerce 9.5.1, as well as version 2.1.3 of Variation Swatches for WooCommerce.

    https://ibb.co/sHdSJg4

    Do you have any idea how to fix this?

    Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support fizanzvai

    (@fizanzvai)

    Hi,

    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

    Thread Starter isradlt

    (@isradlt)

    Hi,

    Thank you for your suggestion. I’ve temporarily deactivated the Swatches plugin, and the behavior of the clear button in the form remains exactly the same.

    View post on imgur.com

    Do you have any ideas on what I could check in the WooCommerce settings? I haven’t changed anything recently, and it was working fine before.

    Thanks again for your help!

    Plugin Support fizanzvai

    (@fizanzvai)

    Hi,

    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.

    You can try the following CSS at Appearance > Customize > Additional CSS

    button.reset_variations {
        background-color: transparent !important;
        border: none;
        cursor: pointer;
    }

    Hope to hear from you soon.

    Thank You

    Thread Starter isradlt

    (@isradlt)

    Great! I was able to resolve the issue by using your CSS code as a base and applying a few changes:

    button.reset_variations {
        border: none;
        cursor: pointer;
        color: white !important;
    }
    View post on imgur.com

    Thank you so much for your help!

    Plugin Support fizanzvai

    (@fizanzvai)

    Hi,

    I am very glad that it helped you to achieve your goal.

    If you found my support helpful, could you please leave your valuable feedback here: https://www.ads-software.com/support/plugin/woo-variation-swatches/reviews/

    Your feedback keeps us inspired.

    Thank You

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.