Use in a pop-up

  • Resolved elo8617

    (@elo8617)


    1 year, 2 months ago

    Hello,

    I’m using this website https://dev.joelle.elodieherault.fr/. In the header, when I click on the “Prendre rdv” button, a pop-up containing a Google Calendar iframe appears.

    Complianz correctly blocks this iframe. When I accept cookies, the calendar appears.

    But if I close the pop-up and reopen it, the calendar no longer loads. This is due to Complianz, as it works by disabling the extension.

    Could you help me please?

    I’ve tried this code whitout success :

    function cmplz_reload_after_consent() {
        ?>
        <script>
            document.addEventListener('cmplz_status_change', function (e) {
                if (e.detail.category === 'marketing' && e.detail.value==='allow') {
                    location.reload();
                }
            });

            document.addEventListener('cmplz_status_change_service', function (e) {
                if ( e.detail.value ) {
                    location.reload();
                }
            });

        </script>
        <?php
    }


    I’m not a coder, so I don’t know how to modify it or if it’s appropriate.

    In advance, thanks !

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Antonio Candela

    (@antoiub)

    1 year, 2 months ago

    Hello @elo8617 ,

    The answer to this is most likely the same as the one given to you in this still open thread: https://ww.wp.xz.cn/support/topic/block-a-google-calendar-in-a-popup/.

    When you resize the page with the pop-up open, it appears. So please try excluding it via your cache plugin and disabling the lazy load, then let us know the outcome.

    Looking forward to hearing from you.

    Best regards,
    Antonio

    Thread Starter elo8617

    (@elo8617)

    1 year, 2 months ago

    Hi,

    As mentioned in this post Block a google Calendar in a popup | ww.wp.xz.cn, I’ve tried to disable WP Fastest Cache and the lazy load of Elementor whithout success.

    Do you have any idea ?

    In advance, thanks.

    Best regards,

    Elodie

    Plugin Support Antonio Candela

    (@antoiub)

    1 year, 1 month ago

    Hello @elo8617 ,

    I have tested this code via Console, and it seems to work, it forces the reflow of the dialog. However, please keep in mind that the issue might be related to how the modal from Elementor is inserted.
    Try inserting this script in the header and let me know:

    <script>
    window.addEventListener('load', function() {
        const popup = document.querySelector('.elementor.elementor-758.elementor-location-popup');
        if (popup && popup.style.display === 'block') {
            popup.style.display = 'none';
            popup.offsetHeight; // forza il reflow
            popup.style.display = 'block';
        }
    });
    </script>

    I hope this helps. Wishing you a happy Easter!

    Thread Starter elo8617

    (@elo8617)

    1 year, 1 month ago

    Hi,

    Thank you very much for your very great support but the problem still.

    I’ve push this code in an html widget in the header.

    If we don’t find a solution, I’ll move the calendar to a dedicated page outside of a pop-up, but that’s a shame. In any case, I sincerely want to thank you for your help.

    Have a good day !

    Plugin Support Antonio Candela

    (@antoiub)

    1 year, 1 month ago

    Hello @elo8617 ,

    I appreciate your kind words. Unfortunately, this doesn’t strictly depend on us, as you can understand. It’s connected to how Elementor loads the front-end. A final solution, as you suggested, could be moving everything to a dedicated page.

    I hope you were satisfied, though. Please feel free to open a new thread if you need further help.
    Wishing you a nice day!

    Best regards,
    Antonio

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

The topic ‘Use in a pop-up’ is closed to new replies.