Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1395004

    Hello

    My client is requesting a Team page with people’s images and having an option for a pop-up feature to show more info, not take them to another page but just have a roll-over with a pop-up that will show there title/phone number / email etc.. Is there a way to do this in Enfold?

    Thanks
    B

    #1395048

    Hey schwabino,

    Thank you for the inquiry.

    You can use the default lightbox option in the theme to open an inline content. Please check the links below for a few examples.

    // https://kriesi.at/support/topic/lightbox-popup-on-enfold/#post-1378661
    // https://kriesi.at/support/topic/team-member-element-open-team-member-description-in-lightbox/#post-1354989

    Or just use a plugin.

    // https://wordpress.org/plugins/wp-popups-lite/

    Best regards,
    Ismael

    #1395220

    Hi Ismael

    Can you help me with a little more input on the process to make the lightbox feature open up with the ability to add text under the image?

    Thanks
    B

    #1395322

    Hi,

    The script in the previous threads are based on this documentation.

    // https://dimsemenov.com/plugins/magnific-popup/documentation.html#inline-type

    You have to add this code in the functions.php file to enable the inline popup.

    function inline_popup_enabler(){
    ?>
    <script>
        (function($){
            $(document).ready(function() {
                $('.inline_popup').magnificPopup({
                    type:'inline',
                    midClick: true
                });
            });
        })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'inline_popup_enabler', 9999);
    

    In a text or code block, create a new element and place the content that you want to display in a popup.

    
    <div id="test-popup" class="white-popup mfp-hide">This is the popup content</div>
    

    And in the same or separate block, create the popup button.

    <a href="#test-popup" class="inline_popup">Show inline popup</a>
    

    When the inline_popup button or link is clicked, it will open the #test-popup element inside the lightbox.

    Best regards,
    Ismael

    #1395477

    Thanks Ismael

    But I want to use this is for a Team gallery of photos which will use the lightbox function when clicked on a photo and will have the image pop-up with faded dark background around the image and a text box below to add Name / email etc.. Can you guide me the way to make this possible?

    Thanks
    B

    #1395632

    Hi,
    Please see this tutorial on using the Team Member element to show a popup when the image is clicked to show more information.
    It sounds exactly like what you are trying to do and explains step-by-step how to do it.
    Try testing it on a test page on your site and if you get stumped include a link to the page and an admin login so we can assist.

    Best regards,
    Mike

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