Woocommerce Visual Product Configurator CDN Conflict

The Visual Product Configurator Plugin allows you to offer fully customized products to your customers. Think earphones whose earpieces can be colored, think T-Shirts with different colors, think Sunglasses etc.

The plugin works quite well on its own when I first tested it on localhost. On the Admin side, you build Product Builder Configurators. These configurators contain several different options for the various components of the product. On the front end, the user selects from the “swatches” and their custom creations come to life.

It all functions well without a CDN, Once the CDN is enabled, the plugin’s functionality breaks. Note that the error occurs when the user attempts to “Add To Cart” their customized product.

JS Error

The JS Error as shown in the Console is:

Uncaught (in promise) DOMException: Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported.
at https://sitepath/wp-content/plugins/Visual-products-configurator/public/js/vpc-public.js?ver=5.6.6:261:30
at new Promise ()
at getCanvasBase64image (https://sitepath/wp-content/plugins/Visual-products-configurator/public/js/vpc-public.js?ver=5.6.6:259:10)
at https://sitepath/wp-content/plugins/Visual-products-configurator/public/js/vpc-public.js?ver=5.6.6:366:31

Notably, once the CDN is disabled, this error disappears. The “Add To Cart” functionality is restored.

Response from Plugin Authors

I have reached out to the plugin author. Their response is that they are aware of this issue and are actively working on it. They expect to fix it in the next release of the plugin, but there is no timeline for the fixed version.

If anyone else has had a similar issue, can you please chime in?

By Amit Ramani

Ever heard of 'tech and tack' together in the same sentence? Chances are you did not. I am part owner of a 'tack' store in Wellington (TACKNRIDER), and full owner of a 'tech' firm(ANTERIK).

1 reply on “Woocommerce Visual Product Configurator CDN Conflict”

Just came across your site when looking for an osCommerce to Woocommerce migration tool.
A “visual product configurator” would be a great idea for some of my print on demand ideas, so I will check this out and see what it offers.
By CDN, do you mean content distribution network, and if so which one?
Or does it refer to something else?
Any feedback appreciated, thanks!
PS: The website provided is one of my clients, just started working Woocommerce into it, I’m very much a newbie with it!

Leave a Reply

Your email address will not be published. Required fields are marked *