Clearing selected variations on single product page

Hello, @Martin,

Thank you for contacting us and for using XStore.

We have thoroughly reviewed your website and did not identify any issues on our end. It appears that the problem may be related to a cache issue on your side. For your reference, we have provided an image in the private content area.

To resolve this, we kindly recommend the following steps:
1. Clear your browser cache.
2. Temporarily deactivate any caching plugins and server-side caching on your website.
3. Check the website again to see if the issue persists.

We hope these suggestions are helpful. Should you require further assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team

Hello, @Martin,

Thank you for your response.

We suggest disabling all third-party plugins (including cache plugins and CDN ) that do not come bundled with XStore (https://xstore.helpscoutdocs.com/article/36-included-plugins ), clearing the cache of the browser, and then checking again. It is possible that one of the additional plugins is causing the issue.

If the issue still persists, please keep all third-party plugins deactivated on your site and grant permission to debug your site, which includes deactivating all third-party plugins and on-site Customization. This will allow us to investigate and assist you accordingly.

Please note that you should take a complete backup of your site before proceeding.

Thank you for your cooperation and we look forward to hearing from you soon.

Best Regards,
8Theme’s Team

Hi @Martin,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

.single-product table.variations td[colspan="2"] {
    text-align: end;
}

.single-product table.variations td[colspan="2"] button.reset_variations {
    background-color: transparent;
    border: none;
    color: #000;
    padding: 0;
}

https://prnt.sc/KjWeJ2q8zTOG

Kind regards,
The 8Theme Team

Hi @Martin,

Please update the previous CSS to this:

.single-product table.variations td[colspan="2"] {
    text-align: start;
    padding-left: 50px;
}

.single-product table.variations td[colspan="2"] button.reset_variations {
    background-color: transparent;
    border: none;
    color: #000;
    padding: 0;
    transform: translateY(-55px);
}

https://prnt.sc/BN19uBnipizE

Our development team is not planning to switch back the clear button to the previous style yet. However, we highly encourage you to submit your suggestion on our Taskboard at https://www.8theme.com/taskboard/. If your idea receives sufficient support from other customers, our development team will thoughtfully consider incorporating it into a future update.

Kind regards,
The 8Theme Team

Dear Martin,

We regret to inform you that, unfortunately, you will need to proceed with the current solution.

Should you require any further assistance or have additional questions, please do not hesitate to contact us. We are here to help.

Kind regards,
The 8Theme Team