Modal Not working

Hi Dana, sorry for your frustration, and thanks for being patient.

It looks like you might have your modal set to Load on Per Page/Post, and if this is the case, you need to make sure you go to that actual page or post in the WP Admin (where you are using the modal), scroll to the bottom, and you’ll find the Easy Modal Per Page/Post Editor.

From there, make sure you select the corresponding modal you want to load on that page/post by checking the correct box, and you’re all done.

However, if this is a modal you’re going to be using multiple times, just set it to Load Site Wide, and you’re all done, no need to go to a specific page/post in the WP Admin when using Site Wide.

Let me know if this solves your problem!

Thanks ??

ok I tried This:
1. Set the modal to Per Page/Post.
2. Call the modal with this link Ver monedas admitidas inside the page https://desarrolladores.payulatam.com/api-pagos/, then publish the page. But still isn’t working. Can you tell me if I’m making something wrong?
Thank You

I apologize for not being clear enough the first time – again, thanks for being patient ??

1) You need to go to that specific page/post (WP Admin -> Pages) or (WP Admin -> Posts)
2) Select that page where you want to use the modal
3) Scroll to the bottom
4) Look for the Easy Modal Page/Post Editor (this is on the actual page/post itself in WP Admin – at the bottom)
5) Check the box of the corresponding modal you are using
6) Update page/post

See this screen shot:

https://easy-modal.com/wp-content/uploads/2014/10/ppp.jpg

Again, this is the actual page/post in the WP Admin – at the bottom.

Let me know if this clarifies the issue, thanks!

Note: my screen shot might have some extras (Auto Open & Scroll Pops) that you might not have unless you’ve purchased those Add Ons, but the check boxes area will be there.

I forgot to tell you, I’ve done all those steps here is the screenshot showing I set that option before update the modal:
https://desarrolladores.payulatam.com/wp-content/plugins/easy-modal/Easymodal-options.PNG

Okay, thanks for that!

Everything seems to check out – have you tried to enable the modal to Site Wide?

Try setting it to Site Wide and see if that changes anything.

I tried with site wide, Not working yet ;(
https://desarrolladores.payulatam.com/api-pagos/

What else can I try?

No worries Dana, we will get this figured out!

I’m looking into this with the Lead Dev now.

Thanks for being patient ??

Dana,

After some closer inspection, there’s a couple of issues:

1) You need to update your Easy Modal – you’re currently running a fairly old version of the plug-in.

In the current iteration of Easy Modal, all modals are loaded in the footer via wp_footer (read more about this here).

The older version of Easy Modal you’re using is loading Easy Modal related code in the header, and among other things, this is how we can tell you’re running and older version of the plug-in.

After updating, all of this will be moved to load in the footer of your pages/templates.

Which leads us into issue #2:

You’re theme doesn’t use wp_footer, and this is the main reason for your issues. Even in this older version Easy Modal, the modal itself will load in the footer (even though other stuff is in the header.)

Well, your theme doesn’t have wp_footer, as it looks as if the footer hard-coded in there. Without wp_footer, no modals will load, therefore when you call them, they don’t popup.

Using wp_footer in themes is standard practice, and this issue is a result of a non-standardized theme.

There’s only 2 solutions to this problem:

1) Change the theme and code to use wp_footer, or
2) Use a theme that implements wp_footer – as I mentioned, this is standard practice, so in all honesty, all WP themes should have this.

As such, this particular problem is not an Easy Modal bug/break, but instead, your theme is simply not standardized.

Hope this helps clear some things up!

Thank you for your help, I’ll follow your instructions and tell you the result

You’re welcome Dana.

Good luck!

HI! After looking for your recommendations, I realized that the wp_footer is inside the theme, as this is the standarized twentytwelve theme.
Is there another way to fix this problem?

Here is a screenshot showing that the wp_footer is there.

https://desarrolladores.payulatam.com/images/footer.jpg

Thanks in advance.

Thanks for getting back to us Dana. I’m sorry these fixes didn’t work for you.

We’re looking into the issue now.

Just wanted to double check, you did update the Easy Modal plug-in to the most recent version, correct?

Yes, I download the new version from this page:

https://www.ads-software.com/plugins/easy-modal/

Hello,

In case this is a possible solution..
I was having the same issue and did 2 things:
1. Cleared all cache files from a plugin called WP Supercache
2. Cleared browser cache

HTH

Hey Dana,

Wanted to chime in here after looking at your responses. You do show having wp_footer() function there but you are also calling scripts via the script src tag. This is a no-no in WordPress.

Take a look at wp_enqueue_script, which is the appropriate way to add JS to your theme.

There is also a corresponding function wp_enqueue_style for CSS.

If you don’t load them this way, you’re definitely in for trouble down the line. Using those functions will ensure that you only load 1 copy of jQuery for instance, where you are currently loading 2 copies. One hard coded in your theme and the other is loaded inside the minified cached script your caching plugin is creating.

For an example, think of it this way, you hard coded jQuery into your theme, then our plugin and many others enqueue it using WordPress functions.

What happens is that your hard coded and the enqueued version both get loaded at different times, not only slowing things slightly, but also causing JS bugs.

Second, your wp_footer() function seems to be not working properly, which may be due to your caching plugin being over aggressive. Try disabling cache plugin, clearing browser history and fixing the hard coded JS and CSS in your theme.

I will be glad to take a look again after you get that squared away.

On another note, your screenshot shows the wp_footer function but i believe that you must have accidentally typed over it and saved after the screenshot as your footer currently goes like this

script
script
script

asd (actual text, where wp_footer should have been called)

</body
</html

When you call wp_footer, it should render scripts and our modals at the end of the body, which isn’t occurring. Not only is are our JS not being loaded, but neither are the modals, which is a sign something is off there.

Hope this helps clear some things up!