Support » Plugin: WP fancybox » Inline content without shortcode

  • Hello,
    I’ve set up a div in the following manner:
    <div class=”inline_content” style=”display: none;”>content</div>

    and I’ve set up a link in this way:
    < a href=”javascript:;” data-fancybox data-src=”#fancybox-hidden-[id]”> link < /a >
    I don’t understand much of js so I got this hyperlink from having ran the shortcode once (it was working) and copied from the source code… I guess I’m missing something eh? :\

    I’m getting this in the popup:
    “The requested page cannot be loaded. Please try again later”

    The issue is that I can’t use the shortcode in the way I need to implement the link to the content (I’m using w4-post-list and I want to load each post as modal popup when their links are clicked) so I need to have a way to setup the link WITHOUT the shortcode method…

    Can you please help me?
    Thank you very much.

    • This topic was modified 7 months, 1 week ago by oguido.
    • This topic was modified 7 months, 1 week ago by oguido.
    • This topic was modified 7 months, 1 week ago by oguido.
    • This topic was modified 7 months, 1 week ago by oguido.
    • This topic was modified 7 months, 1 week ago by oguido.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Noor Alam

    (@naa986)

    @oguido, Please follow these instructions for inline HTML popup: https://noorsplugin.com/wordpress-fancybox-plugin/

    Thread Starter oguido

    (@oguido)

    Hello @naa986 thank you, but I don’t think you understood my question. I had read the instructions on that page but all the solutions are WITH the shortcode. My question is: if I can’t use the shortcode (because I’m dynamically creating the links within another plugin (w4-post-list) and it doesn’t support shortcodes in its template, *how can I call the popup modal through a hyperlink (<a href…)?
    I’ve also sent a message on that page asking it as well, since the last comment reads: “Hi there. Great plugin! Is there a way to create a normal link on a page without the shortcode?” and the admin (I’m guessing you) replied: “@Steve, That depends on what you are trying to open in lightbox.” to which I sent a reply saying that what I’m trying to open on the lightbox is inline content.

    I noticed the shortcode creates a hyperlink on the page like “< a href=”javascript:;” data-fancybox data-src=”#fancybox-hidden-[id]…” and so I’m guessing the lightbox can be called from a hyperlink, hence my question 🙂

    Thank you 🙏

    Plugin Author Noor Alam

    (@naa986)

    @oguido, I see. You can create a link in this format:

    
    <a href="javascript:;" data-fancybox="" data-src="#inline_content">click here</a>
    

    And then create a div with same ID.

    
    <div id="inline_content" style="display: none;">
    <p>custom content.</p>
    </div>
    
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Inline content without shortcode’ is closed to new replies.