Lottie animation problem

Access to XMLHttpRequest at ‘https://mydomain.pl/wp-content/uploads/2020/12/lf20_bp1bwvhv-1.json from origin’http://mydomain.pl’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

This is likely an issue with your server configuration.

• Is your website both loading over HTTPS and requesting the JSON data file via HTTPS? If not, take a look at issue #12.
• Is mydomain.pl the same domain in all occurrences of the error message? You have to load the data file (i.e. lf20_bp1bwvhv-1.json) from the same domain as your WordPress installation. If the file lives on a different domain (and possible being served from a different server), you have to set the Access-Control-Allow-Origin header on the server that’s handling the files.

Please let me know if that fixed it for you. 😄

If it didn’t, could you please share a link to your website, so I can investigate it in more depth? Feel free to email me at dev@over-engineer.com

Hey @sellific,

I added to the .htaccess file “Header set Access-Control-Allow-Origin” * “” and the problem with the console is gone.

That’s great!

Unfortunately, AdBlock still blocks the animations

This is unexpected behavior and possibly a bug of the AdBlock extension (perhaps a false positive triggered by a weird filename or something like that). It might be a good idea to bring that to the attention of the AdBlock developers.

Nevertheless, I took a look at your website and the animation doesn’t seem to get blocked. 🤔

I tested the following extensions on Chrome Version 87.0.4280.88 on macOS:

• “AdBlock — best ad blocker”
• “Adblock Plus – free ad blocker”
• “uBlock Origin”

Please let me know which AdBlock extension is blocking the animation for you.

Thanks for following up, I really appreciate it.

I’m going to mark this as resolved, but feel free to reach out again if you have any other issue and/or question 😄