MODAL WINDOW NOT WORKING

Hi msayenko,

If you could provide more specifics and adhere to this newly created guide.

This will help us get this issue figured out ASAP.

Thanks!

Thank you.. answers below. I have read the getting started guide as well. Let me know if you want login info to take a look.

1. Link Your Implementation of Easy Modal https://gogorunning.com/dvd/

2. When you click on any of the links in the table a modal window with text is suppose to pop up.
3. What is actually happening when clicking on any of those links, is nothing.

Excellent!

It looks like you have 2 separate issues actually:

Try these one a time:

1) Simply go to the theme or themes for your modals (In WP Admin: Easy Modal -> Themes -> Your Theme(s)) and re-save each theme by clicking the Blue Save Button. No changes need to be made beyond clicking save.

Refresh ans see if that worked. If not, you need to:

2) Double check that you have set a Load Type for the modal in question. If the modal is set to Per Page/Post, you need to visit that specific page and enable it there using the Easy Modal Editor located towards the bottom.

Doing these 2 things should fix your problem, as I suspect you have both of these issues.

Having said all that…

More coming…just wanted to put this out as soon as I could.

I see you have this table set up with links to basically more information that popup in modals, like you mentioned in your post above.

I also see that because each modal has different content, you’ve decided to make a different modal for each text link, because again, they all have different content. It works because each different modal has a content editor, and that’s a way to separate them out. However, it’s very tedious.

While you can do it this way, there is a much cleaner solution.

Provided, of course, my assumption you’ve created 33 different modal for just this purpose, is indeed correct?

Anyways, if this is true, check this out:

Use a Short Code to Call Your Popup

Basically, just create 1 modal – don’t put any content in it – you’re going to do that in the short code.

Now, add the following to the page where you have that table located:

[modal id=1]
Put your text content and other here.
[/modal]

Just add that after each for every one that you want to popup with information.

Each one will the the same – i.e.:

[modal id=1]
Put your DIFFERENT text content and other here.
[/modal]

The only thing that will change is the content!

This way, you don’t have to make hundreds of modals if they are all the same except content! You can also put other short codes in the content area.

Edit: Not sure why it’s making all of this a link to this thread, but it is!!

Just want to add these updated steps for using Easy Modal Short Codes for more clarity (the full read in the link I gave above):

First, add your element and include the appropriate class (eModal-The-Pop-Up-Name) – this goes in your Page Content Editor or your page template.

<button class="eModal-The-Pop-Up-Name">Open Modal</button>

Note: Typically, you will use the e-Modal-# class format with your element for non-short code modals, but with short codes, you’ll want to use the eModal-The-Pop-Up-Name format.

Now, directly after that, add the pop up Short Code – it should wrap around the content of the pop up like so:

[modal id=The-Pop-Up-Name theme=2]
Put your content and other [shortcodes] here.
[/modal]

Placing this code directly after your e-Modal class element gives you the ability to Load and Call your popups simultaneously.

Note: While the id is the only required Modal Short Code Attribute, the theme attribute is very handy also!

Find all of the Easy Modal Short Code Attributes here.

What if I don’t want to re-created all those modals as a shortcode?

I think your method is more messy because then the page ends up just messy with shortcodes. Each of those modals include a good solid 4-6 paragraphs so it will be quite messy to add those directly on the page.

Am I stuck with using the shortcode to get the modal to work?

Also just tried the shortcode and it did NOT work. Do you want me to give you the login so you can take a look?

Arg, I feel I did everything I could still don’t get what is causing this mess ??

Here is the shortcode test page: https://gogorunning.com/test2-2/

Sorry for your troubles, I understand these things can be frustrating sometimes. Forget the short codes for now, they have nothing to do with the problem:

You didn’t say if you did these, one at a time, or not.

From earlier, try these one a time:

1) Simply go to the theme or themes for your modals (In WP Admin: Easy Modal -> Themes -> Your Theme(s)) and re-save each theme by clicking the Blue Save Button. No changes need to be made beyond clicking save.

Refresh ans see if that worked. If not, you need to:

2) Double check that you have set a Load Type for the modal in question. If the modal is set to Per Page/Post, you need to visit that specific page and enable it there using the Easy Modal Editor located towards the bottom.

Doing these 2 things should fix your problem, as I suspect you have both of these issues.

Let me know if this solved your problem.

Hi i’m having the same issue… Ive tried all of the above and its only not working on my homepage. I tried adding the modal in manually which didn’t work either. it shows up in the code but the button wont activate it. Any suggestions?

https://www.designwave.ca/wordpress/

my home page code :

<?php
/*
Template Name: Home Page
*/
?>

<?php get_header(); ?>

<?php
echo do_shortcode(‘[image-carousel category=”home”]’);
?>

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<?php the_content(); ?>

<?php endwhile; else: ?>
<p><?php _e(‘Sorry, this page does not exist.’); ?></p>
<?php endif; ?>

<?php get_footer(); ?>
<?php wp_footer(”); ?>

fixed my own problem..

it was calling a different template page for the home page that was missing..

<?php wp_footer(”); ?>

at the end.