-
AuthorPosts
-
January 23, 2020 at 4:54 pm #1177734
I love this theme as well as the support.
Thank you in advance for all the hard work =)Please see the link in the private content (1).
Right now, when you click on a “PHOTOS” text link, I have a third-party plugin launching a slideshow in a lightbox (2). This gets the job done, but I really want to explore a solution that only uses the elements found in Enfold/Avia Layout Builder, instead of depending on a third-party plugin.
Is there a way to launch a gallery in a lightbox, (similar to how the photos appear when you click on an image from a masory gallery), but only using a text link?
Please see screen shot (3).
January 25, 2020 at 4:50 pm #1178381Hey flordelizamejia,
Thank you for the links, you could open a “easy slider” in a “popup” lightbox by adding the easy slider shortcode into the popup light box.
First I used the “popup lightbox tutorial” but in this case I modified it a little so I could publish all of the code needed into a “code block” element, this makes it only work on page with the “code block”.<script type="text/javascript"> jQuery(window).load(function(){ jQuery('.open-popup-link').magnificPopup({ type:'inline', midClick: true }); }); </script> <!--/*triger*/--> <a href="#test-popup" class="open-popup-link">Click this button to open a lightbox</a> <!--/*popup box*/--> <div id="test-popup" class="white-popup mfp-hide"> YOUR CODE GOES HERE </div> <style> /*css*/ .white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } </style>
then in the code above where you see
YOUR CODE GOES HERE
I added the “easy slider” shortcode created with the “shortcode wand” from a “Classic Editor” post:
You could add other element shortcodes the same way if you wish, such as a “call to adtion” button
you can also edit the css in the code above to change the size of the popup or make the background transparent.Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.