WordPress.org

Ready to get started?Download WordPress

Forums

Easy Modal
[resolved] Modal isn't doing anything (29 posts)

  1. snowie
    Member
    Posted 9 months ago #

    Hi, I've just started developing WordPress themes a few days ago and I've installed this Easy Modal into my WP. I put the <a href link in a post, selected the modal that I want below the post but when I view my page and click on it, nothing is appearing, checked console no errors or anything. I'm running my project on MAMP server, I'm not sure if I'm missing anything?

    Thanks for the help! :)

    http://wordpress.org/plugins/easy-modal/

  2. snowie
    Member
    Posted 9 months ago #

    Some info: I'm using latest jQuery, tried firefox & Google Chrome, activated the plugin, using a template that I've created so my functions.php is pretty clean (probably missing some functions needed for this plugin?). :)

  3. danieliser
    Member
    Plugin Author

    Posted 9 months ago #

    Sorry for the delays. Ok so you have a page with a modal selected in the multi select box below the editor. Your HTML link above got cut off so its not showing what you have there. Next time use the back tick example below to correct it.

    To be sure it is working properly to load the modal view the source of that page and look near the bottom for a div with id=eModal-your modal id. If that is there then make sure your link has a class equal to that id. Any HTML element with that class will open that modal.

  4. snowie
    Member
    Posted 9 months ago #

    Sorry, I did <a href="#" class="eModal-1">Open Modal</a>
    just like the example. I viewed the source but it's not showing anything related to modal, no div or anything. Just curious if there is anything essential that I need to load this modal as my the theme I created is very basic. Thanks! :)

  5. snowie
    Member
    Posted 9 months ago #

    Hi, just a little update, I used a different theme and it worked. I'm curious if you know if I'm missing any basic functions thats essential for this to work? :)

  6. danieliser
    Member
    Plugin Author

    Posted 9 months ago #

    your theme would definately need to have wp_footer(''); just before the closing body tag. This would be a requirement for a lot of plugins.

  7. snowie
    Member
    Posted 9 months ago #

    Sorry! I should've read the documentations on plugin first.. Thanks for putting up with me :)

  8. danieliser
    Member
    Plugin Author

    Posted 9 months ago #

    Not a problem. most likely your theme doesn't have wp_head('') just before closing head tag.

  9. Jason Paul
    Member
    Posted 8 months ago #

    I've got wp_footer and wp_head setup the normal way and the modal isn't working for me.

  10. danieliser
    Member
    Plugin Author

    Posted 8 months ago #

    The problem could be one of many. Best to start a new topic but when you are on the modals settings page is it set to site-wide? If not you can enable it by editing the pages/posts you want it on and selecting that modal in the "Easy Modal Settings" section below the content editor.

    If neither of these is true the modal would not be loaded on the page to be shown when the button is clicked.

    Hope that helps.

  11. coreylewisdesign
    Member
    Posted 7 months ago #

    Thank you danieliser! The reason <a href="#">Open Modal</a> was not working was because the option "Sitewide" under General Options was set to "NO". I changed it to "YES" and this fixed the problem.

    Now I am trying to figure out how you can specify what page to load the script on when you decide to set "Sitewide" to "NO".

  12. bobdobbs
    Member
    Posted 7 months ago #

    Setting 'sitewide' to YES also solves this problem for me.

    The setting doesn't really matter to me. But now I'm wondering why the setting exists, if the plugin doesn't work with one of it's options.

  13. danieliser
    Member
    Plugin Author

    Posted 7 months ago #

    The sitewide option is used when you have a modal that is called from say a main menu, header, footer or sidebar that will be on just about every page.

    If that isnt the case set it to no. If you want it on the home page edit the home page and just below the content editor is the "Easy Modal Settings" panel. Here you can choose any modal that is not set to sitewide to be loaded on that page.

    If a modal only needs to be loaded on one page then you can use the inline shortcode

    [modal id="Test"]content here[/modal]

    And then to open it use class eModal-Test.

    There are 3 options for enabling a modal. Sitewide, per page or inline with a shortcode. Hope this helps and clarifies things.

  14. gfinberg
    Member
    Posted 7 months ago #

    Hi, I have installed the EasyModal plugin, activated and configured it as per the documentation. I am using the following code to call a single simple modal: Read more

    My theme has a footer and calls wp footer. No other plugins have any issues. jQuery version 1.10.2

    I would appreciate any suggestions as to why this is not working. I am keen to see it working before I purchase it.

    Thanks
    Gary

  15. danieliser
    Member
    Plugin Author

    Posted 7 months ago #

    Hey Gary,

    The code you pasted wasn't inside the backticks and isn't showing up properly. Do you by chance have a link i can look at to try and see whats going on?

  16. cheeks21
    Member
    Posted 7 months ago #

    i have used EM on another side with no issues.
    i have set it up on another website and purchased the upggrade.
    easy modal PRO isn't showing.. its stil showing easy modal.
    and when i click the button NOTHING HAPPENS . the mouse doesnt even change as it does when the a button is clickable. i have sent many emails please help! thanks

  17. designguy2006
    Member
    Posted 6 months ago #

    Hello.
    I've installed Easy Modal, created a modal and set it to load sitewide. However, nothing is loading. I also tried turning off sitewide and selecting it to work on a single page, but also nothing loads.

    I double checked page source and can see the modal code and javascript, wp footer.

    http://192.254.250.163/~jeep05/web-dev/ross/

    I'd be happy to purchase at least single user for this website, but need to confirm that it will work.

    Can you help?

  18. danieliser
    Member
    Plugin Author

    Posted 6 months ago #

    Hey designguy,

    I checked out the url you gave and see the modal, no errors in the console but i didnt find a button or link to click that had the eModal-1 class on them to trigger it.

    Can you tell me what i should be clicking to open it?

  19. designguy2006
    Member
    Posted 6 months ago #

    Wow, thank you for such a quick response!

    I'm sorry. I thought Easy Modal worked as an automatic pop up upon page load, using cookies to open only upon a user's first visit.

    My misunderstanding - sorry.

  20. danieliser
    Member
    Plugin Author

    Posted 6 months ago #

    That can be setup, it is also included as a feature of the pro version. The free version however would have to be setup via JS.

  21. busmetoo
    Member
    Posted 2 months ago #

    hi, could you teach me a little bit more about essential things?
    So sorry but I didn't understand what is wp_footer(''); or header or such thing,,,,

    It might be silly question for you, but I don't understand what I should put to where at all,,,

  22. sail4ever
    Member
    Posted 2 months ago #

    I use the site-wide option now but would like to disable that as every page loads all the modals I have. As I was checking everything in WC3 validator I noticed this. My question is doesn't it slow down the website if it has to load tons of modals?

    So now I would like to load a modal when requested from individual pages. Your above instruction unfortunately aren't real clear to me.

    I load the modal from a button within a "global content block" this way:
    <button class="eModal-1">Register</button>

    When I disable the site wide option nothing happens when clicking on that button.

  23. sail4ever
    Member
    Posted 2 months ago #

    Never mind, I figured it out. Here are the steps:

    First, disable the site wide option(s).

    Now go the the page on which you would like to include the modal(s)

    Scroll to the bottom of the page and you will see a modal box with all the modals listed (they do not show if the option site wide is set to on)

    Next insert your link(s) or your button call(s) to the modal(s) on that same page. Repeat for every page you wish to include a modal or modals.

    It's really simple once you figure it out.

  24. danieliser
    Member
    Plugin Author

    Posted 2 months ago #

    Glad you got it working, we are rewriting a lot of the plugin for the next version. This will likely allow you to choose how a modal is to be loaded, on every page, per page/post, or ajax(only in new version). This should make it more clear what that option means. As it currently causes quite a bit of confusion. As well as programatically loading modals via php functions.

  25. Oleksandr B.
    Member
    Posted 1 month ago #

    Hello, I have almost same problem: all installed, button created but modal window does not showing. Sitewide selected.

    Here are link to the site:
    http://www.interior-world.com.ua/

    Link for opening modal in top right corner.

    Thanks a lot for your response...

  26. Oleksandr B.
    Member
    Posted 1 month ago #

    Here are I found some warning after plugin activation:
    The plugin generated 185 characters of unexpected output during activation. If you notice “headers already sent” messages, problems with syndication feeds or other issues, try deactivating or removing this plugin.

  27. CarolKn
    Member
    Posted 1 month ago #

    Thanks sail4ever. I've added an additional step that's easy to miss:
    First, disable the site wide option(s).

    Now go the the page on which you would like to include the modal(s)

    Scroll to the bottom of the page and you will see a modal box with all the modals listed (they do not show if the option site wide is set to on)
    *** Click on the modal you wish to show so it's selected & update the page / post.

    Next insert your link(s) or your button call(s) to the modal(s) on that same page. Repeat for every page you wish to include a modal or modals.

  28. danieliser
    Member
    Plugin Author

    Posted 1 month ago #

    Hey Oleksandr B. and CarolKa,

    Sorry i didnt get with you sooner. I kinda locked myself away working on the latest version of this plugin. v2 will bring the wow in the free version and there are some great things happening with the pro versions as well.

    Glad you got it working and know that the new version won't be quite as confusing as far as sitewide setting goes.

  29. Dana Duarte
    Member
    Posted 2 weeks ago #

    Hi, I'm making all the steps you already told, but nothing seems to work, can you help me please?
    the page is:
    http://desarrolladores.payulatam.com/api-pagos/
    the modal's name is "Ver monedas admitidas"

    Thanks

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.