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

variation swatches not working properly

Chris Olds

website: dev.shrinkwrapstore.com

example product: https://dev.shrinkwrapstore.com/product/12-pvc-centerfold-film-roll/

The variation swatch isn’t working correctly, it shows out of stock variations and if someone chooses that variation it has no indication that it is out of stock and if someone chooses add to cart it just asks them to choose an option.  It does show low stock and has a CLEAR button on in stock variations but does not work correctly for out of stock variations.

Chris Olds

Still having the problem.

The problem is with the 500 being out of stock.

There is no indication it’s out of stock in any way and if it’s chosen or the default then the user clicks add to cart and the error is choose an option with no indication of it being out of stock.

Hakik Zaman

Hi Chris,

Unfortunately, the given link is redirecting here  dev.shrinkwrapstore.com

I was unable to check it further. Please let me know when I can visit the single product page.

Thank You

Chris Olds

I got the following response from breakdance who is working on a fix but requesting the following information about manually loading the scripts and style from your plugin:

 

Hi Chris,

Thank you for the additional information.

Blur Cross Issue

After some further review, I was able to see this working when I added a second attribute. The issue is that GetWooPlugins adds a ::before attribute to create the blur and cross effect. This isn’t being applied when using Breakdance.

It looks like the styles and scripts used by the plugin are not being loaded when Breakdance is active. I’ve created a new bug report for our development team to review further.

In the meantime, I’d recommend contacting Getwooplugins again to see if they know of a way to manually load the scripts and styles for their plugin.

As an immediate workaround, you can try adding the following code to the PHP tab of a Code Block element:
<link rel=”stylesheet” href=”/wp-content/plugins/woo-variation-swatches/assets/css/frontend.min.css”>
<script src=”/wp-content/plugins/woo-variation-swatches/assets/js/frontend.min.js”></script>
I hope this helps!

Hakik Zaman

Hi Chris,

Without loading the script & style you will not get the plugin to work. They have already provided a solution:

As an immediate workaround, you can try adding the following code to the PHP tab of a Code Block element:
<link rel=”stylesheet” href=”/wp-content/plugins/woo-variation-swatches/assets/css/frontend.min.css”>
<script src=”/wp-content/plugins/woo-variation-swatches/assets/js/frontend.min.js”></script>

Please follow the guidelines of the Breakdance team. I hope this helps.

Thank You

Chris Olds

The breakdance team could not get the red cross and blur to work, they asked me to ask you guys the following information:

“In the meantime, I’d recommend contacting Getwooplugins again to see if they know of a way to manually load the scripts and styles for their plugin.”
The fix above from breakdance does not load the blur or red cross, is there any other items script or CSS we should load besides:
/wp-content/plugins/woo-variation-swatches/assets/js/frontend.min.js

/wp-content/plugins/woo-variation-swatches/assets/css/frontend.min.css

?

 

Thanks

Hakik Zaman

Hi Chris,

If you load them correctly it should work as expected.

But some other plugins or themes overwrite the style or scripts, it may not work.

Did you load them correctly?

Unfortunately, I couldn’t access the given link and continuously getting this: https://paste.pics/PR74F

Thank You