Fancy Box Launch On Button

Home Forums Quform WordPress Fancy Box Launch On Button

This topic is: not resolved
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #13022
    SalesHigher
    Participant

    Hi,

    I’m wondering if it is possible to have the fancy box launch on the click of a template button?

    How would I do that?

    Thanks!

    #13025
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #13031
    SalesHigher
    Participant

    Hi Ally,

    Thanks for that. I was able to get part way there, but it still isn’t launching properly. Here is what I’m working with:

    [button link="/join-us/" type="big" color="red"] Join Now[/button]

    [iphorm_popup id=”7″ name=”Fancy Box Test”][/iphorm_popup]

    <script type=”text/javascript”>
    jQuery(document).ready(function ($) {
    $(‘a[href=”/join-us/” ]’).click(function () {
    $(‘.iphorm-fancybox-link-7’).click();
    return false;
    });
    });
    </script>

    The most like problem area is $(‘.iphorm-fancybox-link-7’).click(); Do I have that configured correctly?

    Thanks!

    #13055
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #13396
    Ingmarc
    Participant

    Hello, I read the button to popup guide.. I feel I’m almost there, but it doesn’t work… yet.

    This is a normal button with url link in my template:

    [visual_button url="http://link/to/anywhere" style="default" size="small" target="_self"]normal link[/visual_button]

    This is what the text link of my form popup would be:

    [iphorm_popup id="1" name="order form"]this does make a lightbox[/iphorm_popup]

    And this is what I made of it… but which just reopens the page, no lightbox… where is my mistake?

    [visual_button link="#form-1" style="default" size="small"]this should make the lightbox[/visual_button]
    [iphorm_popup id=1 name="order form"][/iphorm_popup]

    <script type="text/javascript">
    jQuery(document).ready(function ($) {
    $('a[href="#form-1"]').click(function () {
    $('.iphorm-fancybox-link-1').click();
    return false;
    });
    });
    </script>

    Thank you….

    #13423
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #13472
    Ingmarc
    Participant

    Works!!! Thank you.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy