Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1003533
    johnno28
    Participant

    Hi there,

    I have a quick question, I want to put 2 separate lightbox galleries within one page, I currently have 1 working fine within a raw element field, click on one image and it comes up in the gallery with all my images. But I want to have 3 different Galleries on one page. Could you please inform me on how to separate these please. I will put my log in details in following post.

    Many Thanks

    John

    #1003541
    johnno28
    Participant
    This reply has been marked as private.
    #1003609
    Christopher
    Moderator

    Hi there,

    You can use enviragallery, for more information check this link : https://community.theme.co/kb/integrated-plugins-envira-gallery

    If you wish to continue with image and lightbox shortcodes, you should use different class name and lightbox selector for each gallery.

    e.g:

    [block_grid_item] 
    [image class="another-gallery" src="http://www.jinkdigitaldesigns.com/wordpress/wp-content/uploads/2016/04/Residential-Gallery-78.jpg" alt="Example" type="thumbnail" link="true" style="display: none"
    href="http://www.jinkdigitaldesigns.com/wordpress/wp-content/uploads/2016/04/Residential-Gallery-78.jpg" title="Example Image"] [/block_grid_item]
    
    [/block_grid]
    [lightbox selector=".another-gallery" deeplink="true" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" thumbnails="true"]

    Please note that I added ‘another-gallery’ in image class field and .another-gallery in lightbox selector field.

    Hope it helps.

    #1004581
    johnno28
    Participant

    Hi,

    Thanks for the reply, so so I just change the image class and lightbox selector to anything for each gallery and then that would work?

    Thanks

    Johnno

    #1004599
    Rue Nel
    Moderator

    Hello There,

    Yes the image class will be used as the selector for the lightbox. If you have two different galleries, it is highly recommended that you use different image class and you will also have 2 different selectors for the lightbox, it separates the to two lightboxes. For further information, please check this out: http://theme.co/x/demo/integrity/1/shortcodes/responsive-lightbox/#

    Hope this helps.

  • <script> jQuery(function($){ $("#no-reply-1003533 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>