Cross overlay for Out of stock variations is not showing – Stopped working

[harshwe]

Bit Urgent:

Hello Luke,

There is one strange issue, probably started happening after update of theme.

The cross overlay (for Out of stock variation) on variable product page is Not showing on attributes terms (for variations of colors and sizes) on our Live site.

Product URL Live site-
https://www.vasangini.com/product/56-kali-multi-anarkali-kurti-georgette-chikankari-kurta/

https://i2.paste.pics/fa37d2bb1b9afdbeabab3270756860d3.png

However, for some reason, it is showing up and can currently be seen on our staging2 site, as below.
Staging 2 site (Screenshot and URL)-
https://i2.paste.pics/6fb437955da6e29a8b70381b8f9aebc8.png

https://staging2.vasangini.com/product/56-kali-multi-anarkali-kurti-georgette-chikankari-kurta/

We are Not using any Cache plugin on Live site. All plugins are same on both the sites (except just a one or two, that has nothing to do with that).
Both staging2 and Live – Theme are core files are Up to Date, and so the Woocommerce 7.7.2

More surprised-
WP-Optimize is additionally on just the staging2 site, and we have tested after Purging the Cache on staging2 site, and it is showing cross overlay on out of stock variations on product page of the staging2 site.

This is the intended feature of Woodmart since one of the latest updates, to show the cross overlay for out-of-stock variations of variable products. And that comes while assigning the attributes.
https://i2.paste.pics/e24854fa99c89bfc1b9c1acd2d80c92a.png

Really surprised, as why it is not showing or stopped working.
Credentials at bottom.
Credentials of Live and staging2 are same

Please check and resolve

Regards

• This topic was modified 2 years, 2 months ago by harshwe.

[harshwe]

Update:
Hello Luke,

I just come across a Topic and read @ArtemTemos helpful response here-
https://xtemos.com/forums/topic/variation-swatches-not-crossed-out-on-stock-status/#post-447621

However, upon looking at that option, I found that option is Unticked (not ticked or disabled), on both the Live and Staging2 site.
https://i2.paste.pics/0505ceba11ac9f22b775320af8e35bc7.png

But still, that cross overlay is still showing on just the staging2 site for out of stock variations on the respective swatches.

You can check from the Admin of staging2 site, shared earlier.

Regards

• This reply was modified 2 years, 2 months ago by harshwe.

Hello,

In order to activate styles with disabled switches, this option https://take.ms/UA2XQ must be enabled. But on your both sites I don’t see that issue, seems there is some functionality that with the help of js inserts classes for swatches so they work without that option.

May be that functionality comes from third-party plugins so you can disable all plugins and enable the parent theme to check whether the swatches styles for out of stock works or not.

Kind Regards

Hello Luke,

Thank you for your response.
During your testing did you made some changes in this file, for testing purposes –
/../themes/woodmart/woocommerce/single-product/add-to-cart/variable.php
and with custom field wd_page_css_files for that specific product

I hope, you might have reverted back them.

Yes, I have written that in my second response regarding this- “In order to activate styles with disabled switches, this option https://take.ms/UA2XQ must be enabled”
And, On both Live and staging site that option is Disabled. Still working on Staging2 site, but not on Live site.

After carefully looking at everywhere, I found that I was using below small code snippet (Private area) in child’s functions.php to have the same effect of greyed-out swatches for out of stock variations, before you (woodmart team) even brought such feature.
I was using since then.
And I might have removed and updated some custom codes (non-required) on Live site, to make it minimal, not realizing, that this additional code making the difference. As the code still remains in the staging2 site.
Because, I thought as this feature is now already available in the Woodmart theme, so this custom code is not required anymore. So I removed that from Live site. But during that I did not checked any variable product to cross-verify.

Please let me know, was that below code is the one, that is making the difference. If so, I will enable this option on the Live site- https://take.ms/UA2XQ

Regards

Hello,

Yep, seems that code could make such changes.

Do not worry, all changes were reverted back.

Kind Regards

[Author]

Posts