• Resolved Mark Tenney

    (@marktenney2)


    Greetings!

    I’m working on implementing popups for each speaker personality on a webpage at this address: https://pgcbasketball.com/snaps/

    Scroll down a bit until you see the Speakers section that features round profile pictures. I’ve put in all the code for Steve Shenbaum. Here’s my HTML content on that page:

    <h4 style="text-align: center;">
    <span class="popmake-steve-shenbaum" style="cursor: pointer;">
    <img class="aligncenter wp-image-15534 size-thumbnail popmake-15755" src="https://pgcbasketball.com/wp-content/uploads/2013/03/SteveShenbaum-150x150.gif" alt="SteveShenbaum" width="150" height="150" />
    </span>
    </h4>
    <h4 style="text-align: center;">STEVE SHENBAUM</h4>
    <p style="text-align: center;">Founder and President
    <a href="https://www.gameonnation.com" target="_blank">game on Nation</a>
    </p>

    As far as I understand, clicking on that img should open my popup modal. The popup looks great when I preview it in the admin section, but it doesn’t trigger at all on the front end.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Daniel Iser

    (@danieliser)

    @marktenney2 – I don’t see the popup loaded in the footer. Likely you need to use the Targeting Conditions to load the popup on the page that it is needed on for clicking.

    You could also consider creating the popups inline using the shortcode since you could have to make quite a few.

    https://wppopupmaker.com/docs/advanced/create-read-more-popups-for-posts/

    Also you have some bad code being output to your head which is causing things that should be in the head to be output inside the body such as styles etc. Looks like it may be an iframe causing it.

    Thread Starter Mark Tenney

    (@marktenney2)

    Okay, I’m working on doing an inline shortcode. Does this look correct?

    <h4 style="text-align: center;"><span style="cursor: pointer;"><img class="aligncenter wp-image-15534 size-thumbnail popmake-15755" src="https://pgcbasketball.com/wp-content/uploads/2013/03/SteveShenbaum-150x150.gif" alt="SteveShenbaum" width="150" height="150" /></span></h4>
    <h4 style="text-align: center;">STEVE SHENBAUM</h4>
    <p style="text-align: center;">Founder and President
    <a href="https://www.gameonnation.com" target="_blank">game on Nation</a></p>
    [popup id="popmake-15755"]<h4>FOUNDER AND PRESIDENT,<br>
    <em>GAME ON NATION</em></h4>
    <h4 style="text-align: center;"><img class="alignleft wp-image-15534 size-thumbnail" src="https://pgcbasketball.com/wp-content/uploads/2013/03/SteveShenbaum-150x150.gif" alt="SteveShenbaum" width="150" height="150" style="margin:15px;"/></h4>
    <p>Steve Shenbaum is the President and Founder of the nationally acclaimed leadership and communication firm game on Nation. Over the last 17 years, Steve and his staff have developed a unique improv based curriculum, and he is widely considered a leading expert on the use of Game Dynamics to improve communication, leadership, team-building, and overall culture.</p>
    <p>Steve has also has worked with some of the country’s highest profile companies, organizations, and college and professional sports teams. His client list includes businesses such as Foot Locker, Edward Jones, and Gatorade and sports teams such as the New York Yankees, Dallas Mavericks, Alabama football, and Kentucky basketball. Steve has also helped prepare nine #1 overall draft picks, including Eli Manning, Alex Smith, Yao Ming, and Sidney Crosby.</p>[/popup]

    This is still not working for me.

    Also, I’ve had the targeting options set in a few different ways and none seem to work.

    Thread Starter Mark Tenney

    (@marktenney2)

    I found the issue.

    Someone had added a chat code to the theme files and didn’t properly close a comment, so it was commenting out the popup code.

    Thank you!

    Plugin Author Daniel Iser

    (@danieliser)

    @marktenney2 – Glad you found the issue. Your code for inline popups should look more like this.

    <h4 style="text-align: center;"><span style="cursor: pointer;"><img class="aligncenter wp-image-15534 size-thumbnail popmake-SteveShenbaum" src="https://pgcbasketball.com/wp-content/uploads/2013/03/SteveShenbaum-150x150.gif" alt="SteveShenbaum" width="150" height="150" /></span></h4>
    <h4 style="text-align: center;">STEVE SHENBAUM</h4>
    <p style="text-align: center;">Founder and President
    <a href="https://www.gameonnation.com" target="_blank">game on Nation</a></p>
    [popup id="popmake-SteveShenbaum"]<h4>FOUNDER AND PRESIDENT,<br>
    <em>GAME ON NATION</em></h4>
    <h4 style="text-align: center;"><img class="alignleft wp-image-15534 size-thumbnail" src="https://pgcbasketball.com/wp-content/uploads/2013/03/SteveShenbaum-150x150.gif" alt="SteveShenbaum" width="150" height="150" style="margin:15px;"/></h4>
    <p>Steve Shenbaum is the President and Founder of the nationally acclaimed leadership and communication firm game on Nation. Over the last 17 years, Steve and his staff have developed a unique improv based curriculum, and he is widely considered a leading expert on the use of Game Dynamics to improve communication, leadership, team-building, and overall culture.</p>
    <p>Steve has also has worked with some of the country’s highest profile companies, organizations, and college and professional sports teams. His client list includes businesses such as Foot Locker, Edward Jones, and Gatorade and sports teams such as the New York Yankees, Dallas Mavericks, Alabama football, and Kentucky basketball. Steve has also helped prepare nine #1 overall draft picks, including Eli Manning, Alex Smith, Yao Ming, and Sidney Crosby.</p>[/popup]

    You’ll notice i replaced the popup class and id in the shortcode with SteveShenbaum. This way when I create 10 names and inline popups each has a unique ID.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Popup not opening on click’ is closed to new replies.