Return to previous page

Clearing selected variations on single product page

This topic has 10 replies, 3 voices, and was last updated 23 hours, 34 minutes ago ago by Luca Rossi

Martin

Participant

December 31, 2024 at 11:55

Hi,

the function for clearing selected variations on the single product page has changed.

Before it was only text next to the swatches, now it is a huge button below them (see screenshot https://snipboard.io/sCKHin.jpg, the button text is saying “Leeren”)

I have variations pre-selected and cannot have this large button on the page. How can I revert it to the former version?

Best regards
Martin

Content is visible for topic creator and
support staff only.

#429165 Copied Theme version: 9.4.6

9 Answers

Tony Rodriguez

Support staff

December 31, 2024 at 13:49

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

Content is visible for topic creator and
support staff only.

#429174 Copied

Martin

Participant

January 2, 2025 at 10:14

Hi,
see private content area for credentials.

Please, login to see the site as admin without caching.

Best regards
Martin

Content is visible for topic creator and
support staff only.

#429293 Copied

Tony Rodriguez

Support staff

January 2, 2025 at 11:29

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

#429311 Copied

Martin

Participant

January 2, 2025 at 13:03

Hello,

first, please let me speak to a real support person, not to generated text.

On a staging site all third-party plugins are deactivated, no cache is active. For access, please see private content area.

I repeat the issue:
On the single product page (with variation swatches active and on pre-selected) recently a huge button for clearing the selected variation has appeared. Before it was only text to the right of the swatches. I need to revert to this simple text and get rid of the button.

You can find both version attached as screenshots. They say “leeren” meaning “clear/reset”.

Best regards
Martin

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#429324 Copied
Luca Rossi

Support staff

January 3, 2025 at 05:46
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
#429394 Copied
Martin

Participant

January 3, 2025 at 11:42

Hello @Luca,

thank you very much for your help!

This is almost as it was before, only that the “clear” text should really be to the right of the swatches’ images, I think. Could you please adjust that?

Before, the solution was clean and simple. I looked through the changelog but could not find an entry about that having changed. Would it be possible to provide a option for that in one of the next updates?

Best regards
Martin

#429436 Copied
Luca Rossi

Support staff

January 3, 2025 at 17:24
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
#429473 Copied
Martin

Participant

January 4, 2025 at 10:08

Hello,

thank you! I have placed an entry on the taskboard, since the solution is not optimal.

I have removed the button altogether, since the padding cannot account for the amount of swatches (and the space they need). Also, if the button is shifted up, the td remains and leaves white space underneath the swatches.

Unless you have a better solution, I have to stick with this for the time being.

`.single-product table.variations td[colspan=”2″] {
display: none;
}

Best regards
Martin

#429506 Copied

Luca Rossi

Support staff

January 4, 2025 at 10:39

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

#429508 Copied
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Clearing selected variations on single product page’' has been successfully resolved, and the topic is now closed for further responses

Clearing selected variations on single product page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection