Welcome to the support center for

Fancy Product Designer & Multistep Product Configurator

Answered

Access-Control-Allow-Origin

Hello

Product Builder no longer displays the images that I used for the customization of my articles. And this before and even after today's update.

The message displayed at the bottom is :

"

Image with the URL
http://XXXXXXXXXXXX/wp-content/uploads/2016/09/10X12.png
can not be loaded into the canvas.

Troubleshooting

The URL is not correct!The image has been blocked by CORS policy. You need to host the image under the same protocol and domain or enable 'Access-Control-Allow-Origin' on the server where you host the image. Read more about it here.

"

What is in your opinion the origin of this problem and what the solution?


Thank you


3 people have this question
This problem occurs for me when I use a CDN (maxCDN) via W3 Total Cache (plugin). I have to exclude every image I use as a background from using CDN, then I don't have the problem (you can exclude files or folders in the W3 Total Cache plugin options). I would assume this happens for any CDN service enabled.

 

I have this problem also. 

my background images dissapear when I take my site into production mode, my servers uses maxCDN.

"Production mode will speed up your site by using the server caching and CDN that we have in place"

I use wordpress/woo. How can I overcome this?

Answer

You have to enable CORS on the CDN-server. For more information check: https://enable-cors.org/

"Image with the URL
http://XXXXXXXXXXXX/wp-content/uploads/2016/09/10X12.png
can not be loaded into the canvas."

Troubleshooting

The URL is not correct!The image has been blocked by CORS policy. You need to host the image under the same protocol and domain or enable 'Access-Control-Allow-Origin' on the server where you host the image. Read more about it here.

How to solve this.Please reply as soon as possible.It will help me a lot.


Note:This is happened when using localhost not on live server.

We have the same issue and it happens intermittently.  We are not using caching, and we are not using a CDN.  The URL of the image that throws the error is exactly the same as the site URL, both using HTTPS (see the screenshot).


Please advise on what can be done to fix this error.


Thanks,

Kevin


I was able to resolve this by forcing HTTPS on my site Wordpress site (hosted on Siteground).  I added this to my .htaccess file in root

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{SERVER_NAME}%{REQUEST_URI} [R=301,L]
</IfModule>

Hi,


I am getting this error (The element Design does not have a valid JSON object as parameters! Please check the syntax, maybe you set quotes wrong.) .


It's not working on https.


Thanks 


Login or Signup to post a comment