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?






4 responses to “Woocommerce Visual Product Configurator CDN Conflict”

  1. Paul Everitt Avatar

    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!

    1. Amit Ramani Avatar

      Yes, CDN means content distribution network. Each of the major hosting companies typically have their own CDNs. My post was not specific to a certain CDN. Hope that helps!

  2. Marcel Avatar

    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.

    1. Amit Ramani Avatar

      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

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