
-
AuthorPosts
-
January 24, 2023 at 10:21 pm #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
BJanuary 25, 2023 at 5:12 am #1395048Hey 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-1354989Or just use a plugin.
// https://wordpress.org/plugins/wp-popups-lite/
Best regards,
IsmaelJanuary 25, 2023 at 6:25 pm #1395220Hi 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
BJanuary 26, 2023 at 8:30 am #1395322Hi,
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,
IsmaelJanuary 27, 2023 at 12:49 am #1395477Thanks 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
BJanuary 27, 2023 at 6:19 pm #1395632Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.