fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Variant selection style exception after upgrade

Esther Li

Hi,

I upgraded Variation Swatches For WooCommerce to version 2.0.0.Then the swatch has a style exception, I have enabled the  Convert default dropdowns to button option, but now there is a small arrow of drop-down selection on the button, in addition, when I select or hover the variation item, their styles changed.

Dingtalk_20220616103557.jpg

Before the upgrade, it should look like this:

staging.jpg

In addition, please be careful of my live site. If  more tests or changes are needed, I can provide the login credentials of my staging site. Thanks:)

Hakik Zaman

Hi Esther,

We have released a major update after the last version. So, you have to follow a couple of options.

1. Take screenshots of all your “Swatches Settings” and then press the “Reset All” button

2. Implement back all options comparing the screenshot before pressing the reset all button.

Please DON’T forget to Take SCREENSHOTS of your Settings. Otherwise, you can get the back option preset option again.

Tutorial to reset settings: https://www.loom.com/share/da5e9308f9d54756b7880fb9acf8ebc3

Hopefully, This will help.

Thank You

Esther Li

Hi Hakik,

I’ve done what you asked, but obviously, nothing has changed on the front end.

Please check again. Thank you.

Hakik Zaman

Hi Esther,

Please clear your cache (like- Browser Cache + Caching Plugin Cache + Server-side Cache [if you have any]) and check again. This is a screenshot of how your site looks from our side.

BTW, for the arrow issue, I have added the below CSS at Appearance > Customize > Additional CSS

.et_pb_wc_add_to_cart form.cart .variations td.value span.variable-item-span:after {
    display: none;
}

Thank You

Esther Li

Hi Hakik,

The website looks much better now, thank you 🙂