Popup Shortcode

  • Resolved Maasha

    (@maasha)


    11 years, 3 months ago

    Hi! Great plugin!!

    I have two questions if you may kindly help.

    1. When I open the pop up with a link, the content is in the middle and the rest of the page is whited out. Is there a way my content can pop out and the website can still be seen behind it?

    2. I want the popup to appear after users click an image. Though the html works, the short code doesn’t work. The only reason I am using a shortcode instead of html in this instance is because the image short code contains another shortcode that makes the image circular. What am I doing wrong?

    [popup id=855 size=”small”][image type=”circle” src=”http://upload.wikimedia.org/wikipedia/en/7/78/Small_scream.png” alt=”test”][/modal]

    I created this based on your example:

    [popup id=The-Pop-Up-Name size=”small”]Put your content and other [shortcodes] here.[/modal]

    Help is appreciated. Thank you 🙂

    https://wordpress.org/plugins/popup-maker/

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

    (@danieliser)

    11 years, 3 months ago

    @maasha First, sure you can both change the position of the popup and disable the overlay using the Display settings section of the popup editor.

    2. The popup shortcode is meant to create popups inline, not to trigger them. In your example copied from us above you would end up with a popup that could be open with the class popmake-The-Pop-Up-Name

    If your popups id is 855 then simply adding the class popmake-855 to your image will make it open the popup.

    Hope this helps.

    Please take a moment to rate and review the plugin and or support.

    Thread Starter Maasha

    (@maasha)

    11 years, 3 months ago

    Hi Daniel,

    Thank you so much for such a fast reply.

    I thought this meant I was already adding the pop-up to the image:

    [popup id=855 size=”small”][image type=”circle” src=”http://upload.wikimedia.org/wikipedia/en/7/78/Small_scream.png” alt=”test”][/modal]

    I’m not good with code, can you please show me an exact code example of what you mean so I can just copy and paste?

    Actually, you can even give me the html version…I know that you use <img class=”popmake-#”/> for image and I know to make an image it’s <img src=”url”> but I don’t know how to combine the two.

    Thank you 🙂

    Plugin Author Daniel Iser

    (@danieliser)

    11 years, 3 months ago

    @maasha – Your on the right track. You actually have several options here. Pure html is one but you need to know what class they are adding for the circle type parameter there.

    Pure HTML would simply combine the two strings into <img src="" class="popmake-123" alt=""/> You just add the extra attribute as needed.

    Alternatively you could do it like this <span class="popmake-123">[image type="circle" src="http://upload.wikimedia.org/wikipedia/en/7/78/Small_scream.png" alt="test"]</span>

    Of course replace 123 with the actual ID of your popup.

    Hope this helps.

    Please take a moment to rate and review the plugin and or support.

    Thread Starter Maasha

    (@maasha)

    11 years, 3 months ago

    Daniel,

    YAY!! It worked!! Woohoo!! Thank you!! You have been a big help.

    I’m giving you 5 stars 🙂

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Popup Shortcode’ is closed to new replies.