Okay
  Public Ticket #168355
button lightbox option
Closed

Comments

  • trey started the conversation
    Is there a way to do this in salient.I want to be able to make a link from an image or button to trigger a lightbox image gallery. Click on "show pictures" button to see the effect.
  •  1,070
    ThemeNectar replied

    Hey Trey!

    Add this into the text tab on your editor :)

     Link
    
    --- Ticksy apparently is not letting me enter an anchor even in a pre tag so the only way you can see that is to inspect the source - check this instead: http://pastebin.com/5Uxqttx5
  • trey replied

    Thanks for the reply but I am wanting to do an image gallery or slideshow in a lightbox

  •  1,070
    ThemeNectar replied

    In that case the links would simply need

     
    rel="prettyPhoto[my-gal]" 
    
    instead of
     
    class="pp"
    
  • trey replied

    ok great. THANKS for the quick reply.

  • trey replied

    Ok I tested it out and it works for 1 image and 1 video. How do I get the gallery going? With more than one image? Do I need another app plugin like next gen?

  • trey replied

    Or If there was a way or an option to use text or image instead of just having the gallery pop up would be great. When using "edit image gallery"

    The image gallery is what I want but there is no visible clue to the visitor that  you can click on the image to see full screen. You just have the arrows. 

    Maybe have a descriptive text option that can go underneath the gallery saying "view fullscreen" or give us an option to put what ever we want.

  •  1,070
    ThemeNectar replied

    You could also wrap any text you want in the link that will open the gallery up - if you want to provide me a URL to the page you're doing this on and a login I'd be glad to set that up for as an example :)

    If you would perfer to have all this functionality in an interface, using a plugin like nextGen would probably be the best bet though.

    Cheers :)

  • Tracy replied

    I've tried to make this work and ran into two small problems. 

    1) I cannot get the accent-color to work. I changed your code that said "extra-color-3" to "accent-color" and it did not show the color I chose for the accent color. It shows the green / turquoise color that was the original accent color. 

    2) I cannot include an icon in the button. 

    Any idea how I could fix those two small issues?

    Thanks in advance. 

    Tracy


  •  8,839
    Tahir replied

    Hey Tracy!

    1: Please provide url so we can take a look at the css. Also details to what you added in there .

    2: The new theme version has a new button with icons so you can do it simply via the shortcode generator. 

    Thanks


    ThemeNectar Support Team 

  • Tracy replied

    The link to where I'm testing this is:

    http://temp.aphasiavideos.com/test/

    You can see at the top I have a button with an icon that works great. However, it just links directly to the Video. I'm trying to make it open the video in a light box. 

    You can see my attempts at the bottom. I can open in a light box but I can't use the correct Accent Color. If I use one of the extra colors it will work but it will not work if I specify the accent color. 

    I also tried to specify an icon. That seems to break the button all together. 

    What I'm trying to accomplish is to build a button with an icon from the Nectar shortcodes that will open a YouTube video in a lightbox. 

    Thanks for your help. 

    Tracy

  •  1,070
    ThemeNectar replied

    Hey Tracy! The correct HTML to add a button with an icon that links to a video would be:

     
    http://pastebin.com/3wzzDdeu
    
    

    Cheers


  • Tracy replied

    Thank you very much. That works perfectly!