Page 1 of 1

*** SOLVED *** Simple code mess up my website

Posted: Tue Jan 18, 2022 12:42 pm
by Ladee
Hi there,

I bought this program from Codecanyon to use for popups (green popups standalone).

The possibilities are endless with this program, but as soon as I place the JS script in the "above closing tag," my website goes potty.[*]

Why is this code not working in webbuilder?
<script id="lepopup-remote" src="https://pop.website.nl/content/plugins/ ... s?ver=7.32" data-handler="https://pop.website.nl/ajax.php"></script>

Re: Simple code mess up my website

Posted: Tue Jan 18, 2022 2:23 pm
by Pablo
It's not a matter of whether the code works in WWB. The code is processed by the browser. If the code works elsewhere then it will also work in WWB.
The software will publish the code "AS IS".

Here are possible reasons why the code may not work:
- the code is incorrect
- the code is incomplete
- the code was added to the wrong section of the page.
- the code conflicts other code on the page.

If you need further assistance then please include the URL of the page so I can try to help you.

Re: Simple code mess up my website

Posted: Tue Jan 18, 2022 2:49 pm
by crispy68
do you have a link to the page it is not working on?

Re: Simple code mess up my website

Posted: Tue Jan 18, 2022 3:12 pm
by Ladee
https://www.goedkopewindowslicentie.nl/

As you can see the font awesome icons in the right corner and in the footer are not shown correctly.

When you click the test button for the popover (top left)then at the bottom of the page it shows an error from green popups under the footer.

Also, the close icon on the sticky layer in the left bottom corner is not visible.

Thnx :-)

Re: Simple code mess up my website

Posted: Tue Jan 18, 2022 3:51 pm
by Pablo
I do not see the mentioned problems.

However, there is a lot of code and features on the page (cookiebar, carousel ,scroll animations, scrollspy, google tamanager etc)
I also see references to 'Tawk'.
So, I suggest first try it on an empty page without all the extra script and features.
Then add back the features one by one, to see if one of them causes a conflict.

Also, check out the error console of your browser, it may give you a clue why it's not working.

Re: Simple code mess up my website

Posted: Tue Jan 18, 2022 6:07 pm
by Ladee
Check out the pictures below to see before and after I stripped down the website.

As you can see the website has no more features and added codes, but the problem is still there.

I left the website stripped of all features and codes so you guys can check it yourself: https://www.goedkopewindowslicentie.nl/

As for mistakes, when I inspect the elements in the browser I can only see an error for jquery 3.6.0, but I tried other earlier versions and the problem is still there.

Image

Image

Image

Re: Simple code mess up my website

Posted: Tue Jan 18, 2022 6:13 pm
by Pablo
The error seems to be related to the AJAX page.
Are you sure the 'data-handler' is ok?

Does it work on a HTML page that was not created with WWB?

Re: Simple code mess up my website

Posted: Wed Jan 19, 2022 11:56 am
by Ladee
Hi Pablo,

I created a simple page with Elementor, and I encountered the same problem.

I opened a ticket at Envato to see if they can resolve the problem.

Many thanks for your help.

Re: Simple code mess up my website

Posted: Wed Jan 19, 2022 2:37 pm
by Ladee
Okay, basically it comes to this, WWB uses Fontawesome 4 and the standalone version of Green popups uses Fontawesome 5. When I turn off font-awesome in green popups that problem is no more there.

That makes me wonder, when is WWB going to upgrade from version 4 to 5?

Re: Simple code mess up my website

Posted: Wed Jan 19, 2022 2:59 pm
by Pablo
Due to license restrictions it is not allowed to distribute newer versions of FontAwesome with the software.
But you can install FontAwesome 5 as an add-on
https://www.wysiwygwebbuilder.com/free_extras.html

Re: Simple code mess up my website

Posted: Thu Jan 20, 2022 6:09 pm
by Ladee
Thanks, Pablo,

Everything is working fine now :-)