Categories
Wordpress

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).

4 replies 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!

If you are talking about the Visual Product Configurator by Orion Origin, I have a bad experience with their support and with the plugin itself. I am at the fence to switch to Visual Product Configurator by Iconic, because I hope to be treated as I expect.

Hello Marcel
Since I did not receive timely support from Orion Origin for all the issues I was experiencing with the Visual Product Configurator, I have since switched to a different plugin. This new plugin appears to be simpler and easier to configure. It even allows you to create custom offsets for the images for each layer. I have only used it for a couple of months now, so I can not say much. So far, so good. I have not had the need to reach out to the plugin author for support (yet).
It is called WP Configurator.

Leave a Reply to Amit Ramani Cancel reply

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