Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #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).

    #1178381

    Hey 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.
    2020-01-25-091846
    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:
    2020-01-25-093356
    You could add other element shortcodes the same way if you wish, such as a “call to adtion” button
    2020-01-25-094443
    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

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