Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 1, 2018 at 7:50 pm #1016732
    FZKFranziska

    Hello!

    I am trying to figure out a solution for opening a modal on button click.

    I found a few helpful forums, like this one: https://kriesi.at/support/topic/open-iframe-in-lightbox-modal-window/

    That have allowed me to open the modal on other buttons on my site. However, I am struggling to get this to work with the buttons in my header widget, which I added using this documentation: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

    I’ve used the same href as the properly working buttons: [av_buttonrow_item label='REQUEST FREE CONSULT' link='manually,https://app.acuityscheduling.com/schedule.php?owner=16684187?iframe=true' size='medium' label_display='' icon_select='no' icon='5' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-3y48lo']
    [/av_buttonrow]

    But this is opening the page as a new site, not in a modal.

    Thank you!

    October 1, 2018 at 8:14 pm #1016738
    FZKFranziska

    For reference the button in this screenshot is working the way I would like the button in the menu to work.

    http://prntscr.com/l0ykdq

    October 2, 2018 at 12:15 am #1016780
    FZKFranziska

    Also, trying to figure out how to get the button that is a phone number to open a call when clicked (right now it is opening a page on my site with a permilnk of the phone number).

    Thanks for the help!

    October 2, 2018 at 1:32 pm #1017045
    Victoria

    Hi FZKFranziska,

    I changed the widget code for you, so it offers to call now. Please check.

    Best regards,
    Victoria

    October 2, 2018 at 2:39 pm #1017075
    FZKFranziska

    Thank you Victoria! I really appreciate all the help!

    I must have not had the link target set up correctly.

    Would you helping to me to get the other button to load as a modal? I have all the other buttons working that way by adding ?iframe=true to the end of the url (https://app.acuityscheduling.com/schedule.php?owner=16684187). However for this shortcode button it keeps reloading to that page.

    This is the last piece of the puzzle for us to get this site up and running.
    Thanks!

    October 2, 2018 at 2:45 pm #1017077
    FZKFranziska

    Button

    I’ve dug through this page and all the forums I can find related to this issue. This one may be the one to go off of: https://kriesi.at/support/topic/open-popup-modal-with-button/ but I would love to know if that is the right track.

    Thanks!

    October 3, 2018 at 6:40 pm #1017582
    FZKFranziska

    Hey guys, just checking in on if there is a easier fix for this… I am trying to get this site launched today and figuring out this button is key. I am going to try writing some javascript to open the modal, but if you guys see this and can help that would be much appreciated!

    Thanks you so much.

    October 4, 2018 at 5:14 am #1017672
    Ismael

    Hi,

    I modified the lightbox script in the functions.php file. The popup or lightbox is working properly now. Unfortunately, I can’t assure you that the form inside the lightbox is going to work as expected.

    function ava_iframe_lightbox_inline() { ?>
    <script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery('.button_row_lightbox a').magnificPopup({
                items: [
                    {
                        src: 'https://app.acuityscheduling.com/schedule.php?owner=16684187',
                        type: 'iframe' // this overrides default type
                    },
                ],
                midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
            });
        });
    </script>
<?php }
add_action('wp_head', 'ava_iframe_lightbox_inline');

    Best regards,
    Ismael

    October 7, 2020 at 12:24 pm #1251119
    kraftjungs
    This reply has been marked as private.
    October 8, 2020 at 12:26 pm #1251398
    Ismael

    Hi,


    @kraftjungs    : Where can we see the issue? Please open a new thread and post the necessary details in the private field so that we could check the issue. By headline, do you mean the Special Heading element?

    Best regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.