Modal not loading

Hi! I have many modals and uninstalling/deleting would be a big hassle. I updated the plugin, edited and saved it. Is there anything else to try besides for uninstalling?

I’ve been following this, because I’m having the same problems. With 2.0.12, no modals would launch; after updating to 2.0.13, nothing worked at all…I couldn’t save modals or changes to the theme. It would SAY they were saved, but they weren’t.

I clicked “Uninstall Easy Modal Settings” to totally wipe out the modal database; then I deactivated the plugin and deleted it entirely. I reinstalled it, deactivated every other plugin, reactivated Easy Modal, and finally it allowed me to edit the theme and create a test modal. But the modals still don’t work: not with the simple anchor tag, and not with a button. Click either one, and nothing happens.

If it matters, I’m using WordPress 3.9.2.

Who dat, sounds like a seperate issue. Please start a new ticket and if possible post a link with an example button.

Also sounds like your modals are not being loaded. If you set sitewide to off then you need to enable your modals either on the pages you want them on or using filters.

@etech,

i am trying to get our old import/export addon working with the new stuff as well. I plan to incorporate it into the free version soon as possible to help with these situations.

On a side not.

If you never clicked the approve button that was there before, and had all your modals before upgrading to v2 then the reset, uninstall buttons will only lose changes made after you upgraded.

I’m not sure what approve button you are talking about

Let me make sure I understand this: if the modal is set to “Per Page/Post” (which it is), you embed it on a page by using one of the examples, such as

<a href="#" class="eModal-1">Open Modal</a>

Is this not correct? I believe this is all I ever did before.

@who_dat – Check this out, should help you get the idea.

Okay, I missed that you have to enable a modal for that page. So I scrolled down and checked the one I wanted to load (the only one there), and updated the page. Then I went to the page, clicked on the link, and nothing happened.

Then I thought to check out the source, and sure enough that modal is loading on the page. Here’s what’s loading:

<div id="eModal-1" class="emodal theme-1 responsive medium" data-emodal="{&quot;id&quot;:&quot;1&quot;,&quot;theme_id&quot;:&quot;1&quot;,&quot;meta&quot;:{&quot;id&quot;:&quot;1&quot;,&quot;modal_id&quot;:&quot;1&quot;,&quot;display&quot;:{&quot;overlay_disabled&quot;:0,&quot;size&quot;:&quot;medium&quot;,&quot;custom_width&quot;:0,&quot;custom_width_unit&quot;:&quot;%&quot;,&quot;custom_height&quot;:0,&quot;custom_height_unit&quot;:&quot;em&quot;,&quot;custom_height_auto&quot;:1,&quot;location&quot;:&quot;center top&quot;,&quot;position&quot;:{&quot;top&quot;:100,&quot;left&quot;:0,&quot;bottom&quot;:0,&quot;right&quot;:0,&quot;fixed&quot;:0},&quot;animation&quot;:{&quot;type&quot;:&quot;fade&quot;,&quot;speed&quot;:&quot;350&quot;,&quot;origin&quot;:&quot;center top&quot;}},&quot;close&quot;:{&quot;overlay_click&quot;:0,&quot;esc_press&quot;:1}}}"><div class="emodal-title">This is a test</div><div class="emodal-content"><p>Does this finally work?</p>
</div><a class="emodal-close">×</a></div>

Do you have a link i can check out?

It’s fixed now…it turned out to be a javascript problem, and once I got that taken care of the modals launched fine.

I still wonder, though: shouldn’t the data-emodal attribute look like

="{'id':'1','theme_id':'1','meta': …

rather than

="{"id":"1","theme_id":"1","meta": ?

Not a programmer, so I have no idea; it just looked kinda odd.

(BTW…link is https://www.arcadiavillage.com/community/)

Hi danieliser,

My modals are still not loading. Can you please advise?

@etech – Can you email me directly, i may need more access to find out what is going on and causing the issue. I can likely make a function to fix the issues if i can determine exactly what they are but that requires troubleshooting and debugging.

danieliser at wizardinternetsolutions.com

@who_dat – Although it should not have the html entity quotes it wont affect it, it still process the same. Here is what the browser rendered/passed to JS for your modal

{"id":"1","theme_id":"1","meta":{"id":"1","modal_id":"1","display":{"overlay_disabled":0,"size":"auto","custom_width":0,"custom_width_unit":"rem","custom_height":0,"custom_height_unit":"rem","custom_height_auto":1,"location":"center top","position":{"top":100,"left":0,"bottom":0,"right":0,"fixed":0},"animation":{"type":"fade","speed":"350","origin":"bottom"}},"close":{"overlay_click":1,"esc_press":1,"disabled":0}}}

Source though shows the &quot which i will address now that ive seen it.

Deactivating and re-activating fixed the problem for me.