Launch a lightbox gallery with a button

Hey woogie07,

Thank you for the inquiry.

Have you tried using an image URL as the link for the Button element? This should trigger the lightbox and open the gallery that includes the images on the page. Let us know if this works for you.

Best regards,
Ismael

Hi,

Thank you for the update.

This is still possible, but we need to create a custom script to trigger the gallery when the button is clicked. To start, try to edit the gallery, go to Advanced > Developer Settings, and apply “ff-gallery-1” in the Custom CSS Class field. Next, edit the button element and place “#ff-gallery-1” in the link field. After that, add this code to the functions.php file.

add_action('wp_footer', function() { ?>
    <script>
        jQuery(document).ready(function($) {
            $('a[href^="#ff-gallery-"]').on('click', function(e) {
                e.preventDefault();
                var target = $(this).attr('href').replace('#', '');
                $('.' + target + ' .avia-gallery-big').trigger('click');
            });
        });
    </script>
<?php });

You can do the same for the second and third gallery, just replace -1 with -2 and -3.

Best regards,
Ismael

Hi,

Please paste it as a PHP snippet in your plugin, or add it to functions.php in your child theme.

Best regards,
Rikard