Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 6, 2013 at 5:36 pm #185266
    bethperkins

    I have added videos, single images and sliders using the Avia framework and none open a lightbox when clicked. I upreved to the latest Enfold rev today.

    November 7, 2013 at 12:58 am #185404
    Ismael

    Hi bethperkins!

    You can use the Image element then change the Image Link? to Set Manually. Add the url of any vimeo or youtube videos. It will automatically open in lightbox. You can also add this code on a text block.

    <a href="VIDEO OR IMAGE URL HERE" rel="lightbox">CLICK HERE</a>

    Cheers!
    Ismael

    November 13, 2013 at 5:54 pm #187871
    epresley

    What if I want a button link to open in a lightbox?

    Let’s say one has a button that links to an internal page (by setting link manually, e.g. index.php?p=2428). How does one get to set rel="lightbox" on the anker tag when Avia Layout Builder doesn’t offer to directly modify code?

    November 14, 2013 at 9:37 pm #188567
    Yigit

    Hi!

    You need to link your button to image or to a video to open in a lightbox. You can simply insert the url in button link as shown here http://i.imgur.com/hMTGyep.jpg

    Regards,
    Yigit

    November 15, 2013 at 10:47 am #189132
    epresley

    But I don’t want to link to an image. I want to link to an internal page that opens up in a lightbox. In other words, when the user clicks on the button a lightbox should open up that shows another page on my site. How do I achieve this? Does pretty photo offer me this? How can I specify the rel="lightbox" on the button? Is there a way to access the Avia Layout Builder code?

    November 16, 2013 at 12:24 am #189475
    Josue

    Hey!

    That would require to modify the shortcode code, you can try it at your own risk: /config-templatebuilder/avia-shortcodes/buttons.php.

    However, you can also create links with raw HTML with the proper attributes to make it work as you want, for example:

    <div class="avia-button-wrap avia-button-center avia-builder-el-1 el_after_av_blog avia-builder-el-last "><a class="avia-button avia-icon_select-yes avia-color-green avia-size-large avia-position-left" title="Google.com opened at 100%" href="http://www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]"><span class="avia_iconbox_title">Click me</span></a></div>

    https://kriesi.at/support/topic/how-to-use-iframes-with-prettyphoto/

    However, i think
    Cheers!
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How do I get the lightbox to work?’ is closed to new replies.