Variations disappear

Hello,

When a client orders a product on my website, once the payment done (Paypal or bank transfer) and back to the site, the product variations (color and length in my case) disappear from the product page in all languages except the language in which the order has been made (see attached image). First I thought it was a problem caused by WPML and opened a ticket on their support. They asked me to deactivate all extensions except woocommerce and WPML (and my plugins variation swatches and flexible shipping) and test with another theme (twenty sixteen for me). I tested that and the problem disappears. When I reactivate woodmart with no others extensions (only woodmart, woocommerce, wpml, variation swatches and flexible shipping) the problem is back.

Can you check that please ?

Thanks.

Pierre

Attachments:

You must be logged in to view attached files.

Hello,

Please check the issue on the Storefront theme to find out if our theme causes the problem.

Best Regards

I’ve tried with the Storefront theme and the problem disappears also…

Hello,

Please deactivate all the plugins not related to the theme and switch the parent theme, provide the site admin access to the private area we shall check. If you cannot keep the site without the plugins, confirm the permit to deactivate on the while of checking (it would take 15 min max)

Best Regards

Hi,

All the plugins other than the ones I’ve indicated above are deactivated. Don’t worry it’s a development site. I attach the login info.

Thanks for your help.

Hello,

Please configure the shipmen options I cannot place an order to check.

Also, I have deactivated all the plugins not related to our theme. Please configure the swatches as per the instruction and test wth the deactivated plugins https://xtemos.com/docs/woodmart/variable-products-swatches/

Your swatches were configured by other plugins which our theme may not support due to the same functionality built-in.

Best Regards

OK I’ve done several tests. When I use woodmart’s swatches feature instead of Getwooplugins one the problem disappears. But when I use Getwooplugins and another theme than Woodmart it works also. So the issue comes from an incompatibility between woodmart and Getwooplugins. The problem is that I prefer their plugin than woodmart’s built-in function (Swatch image is immediately displayed in the main image area when I click on the icon instead of waiting to select both variations, the length variation button is nicer etc…). So I’ll try to see if they could correct the issue.

If it’s not possible could you give me the CSS to mahe the swatches bigger (they are really small) and in a square with rounded corners instead than a circle ?

Thank you.

Hello,

Sure, we shall provide CSS to enlarge the swatches.

Yes, taking into consideration that our theme has the same functionality there may be conflict.

Please let us know what CSS excepting swatches sizes you need?

Best Regards

I attach an image of how my swatches are displayed with Getwooplugin. In fact I would need to control:
– Size and shape of the swatch (actually 70 px square with rounded corners and hover effect)
– Display of the tooltip
– Size and shape of the second attribute (length) to look like a button

Maybe you could just give me the classes concerned for me to do some tests.

The main problem remains the immediate display of the large version of the image in the main area when you click on the color swatch. With your feature when you click on the color icon nothing happens until you select the second attribute (length). From a users point of view you think that your click has not been taken into account and you cannot take a closer look at the selected color before chosing the size. Isn’t there a way to immediately display the large version of the color swatch juste after clicking on it ?

Attachments:

You must be logged in to view attached files.

Hello,

As for this point:

The main problem remains the immediate display of the large version of the image in the main area when you click on the color swatch. With your feature when you click on the color icon nothing happens until you select the second attribute (length).

This is the default Woocommerce functionality. Please configure the swatches as per our instruction and provide the page URL with the image swatches for color and text format for the size, I will provide the CSS to make it equal to the image you attach.

Best Regards

I send you a page URL with the Getwooplugin Swatches activated for you to see the sizes I need:
https://www.coklat-ibiza.com/produit/antik/

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .swatch-on-single.swatch-with-bg {
    width: 70px;
    height: 70px;
	border-radius:5px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) !important;
	border:2px solid transparent;
}
body .swatch-on-single.swatch-with-bg:hover {
		  border:2px solid brown;
}
body .woodmart-swatch.active-swatch:after, 
body .woodmart-swatch:hover:after {
    opacity: 0;

}
body .swatch-on-single.text-only {
    min-width: 40px;
    font-size: 16px;
    width: 150px;
    border: 1px solid #cecece;
	  padding:10px 20px;
	border-radius:5px;
}
body .swatch-on-single.text-only:hover {
    border: 1px solid brown;
	

background:#eeeeee;
}

Best Regards

Thank you very much. I’ve reactivated Getwooplugins for them to see if they can solve the issue. If not I’ll try your CSS and let you know.

Best.

Ok. If you have any questions please feel free to contact us.

Best Regards

Hi,

Getwooplugins just informed me that the issue comes from my cache plugin and they just ask me to empty my cache… I’m using WP Fastest cache and I absolutely need a cache plugin especially for my product pages. So their solution is not good for me. Do you think that the swatches feature included in woodmart is compatible with my cache plugin ?

Hello,

We tried WP Super Cache and it worked well with our theme. Please try this plugin.

Best Regards

[Author]

Posts