Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #465723

    Hi,

    I’m trying to include multiple layersliders in a one page design.
    Each layerslider should have a mosaic of images which open in a lightbox.
    However, when opening any of the images, magnific popup groups them all in the same gallery, which is not intended.
    How can I specify a different group (and a different lightbox gallery) for each layerslider?

    -I tried adding a rel=”lightbox-1″ to the first gallery, and a different one to the second, but it doesn’t work.

    How can I force groups in layerslider?

    #466367

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    #466487

    Thanks!

    #468263

    Hi,

    Open js/avia.js and look for line:

    groups          :   ['.avia-slideshow', '.avia-gallery', '.isotope', '.post-entry', '.sidebar', '#main', '.main_menu'], 
    

    Replace it by this:

    groups          :   ['.avia-slideshow', '.avia-gallery', '.isotope', '.post-entry', '.sidebar', '#main', '.main_menu', '.ls-slide'], 
    

    Regards,
    Josue

    #470772

    Hi, I’m having the same problem and have tried the fix you suggest but it does not seem to make any difference?

    #470777

    Hi!

    Try with this line instead:

    groups          :   ['.avia-slideshow', '.avia-gallery', '.isotope', '.post-entry', '.sidebar', '#main', '.main_menu', '.ls-container'], 
    

    Best regards,
    Josue

    #470921

    Hi Josue,

    Thanks for such a quick answer! However, now the layersliders will not open in a lightbox as before? They seem to be simply linking to the first image. I should say that I am using the layersliders as a work around. I simply wanted one static image that would link to a lightbox of many images.

    #471195

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    #472427

    Hi, WP Admin account created.

    #472682

    Hi!

    I think i found a better way to do it, open each of your Text Blocks containing the LS shortcode and change them to be this:

    <div class="avia-slideshow avia-slideshow-1">[layerslider id="13"]</div>
    

    Make sure to change avia-slideshow-1 to avia-slideshow-2 and so on.

    Best regards,
    Josue

    #474193

    Genius. Thanks Josue – loving your work!

    #474196

    You are welcome, glad to help :)

    Regards,
    Josue

    #479111

    Thank you, Josue, it works.
    However, the lightbox can be scrolled, how do I prevent this from happening?
    There is a strange bug, once an image is opened in a lightbox, the page can still be scrolled. If you you click and go to the next few images one and then scroll, the other layersliders disappear ¿
    (bug in Chrome mac 10.10.2 Version 44.0.2403.107 (64-bit))

    #479330

    Hello,

    Not exactly a bug, that’s the expected behaviour when a popup opens, it may be possible to mod the lightbox script but it would require a heavy modification, unfortunately that’s beyond our support scope. You can request a customisation quote from a third-party provider here.

    Regards,
    Josue

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