-
AuthorPosts
-
June 29, 2015 at 11:16 am #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?
June 30, 2015 at 1:31 pm #466367Hi,
Can you please create us a WordPress administrator account? post it here as a private reply.
Regards,
JosueJune 30, 2015 at 3:05 pm #466487Thanks!
July 4, 2015 at 12:45 am #468263Hi,
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,
JosueJuly 9, 2015 at 12:17 pm #470772Hi, I’m having the same problem and have tried the fix you suggest but it does not seem to make any difference?
July 9, 2015 at 12:24 pm #470777Hi!
Try with this line instead:
groups : ['.avia-slideshow', '.avia-gallery', '.isotope', '.post-entry', '.sidebar', '#main', '.main_menu', '.ls-container'],
Best regards,
JosueJuly 9, 2015 at 2:59 pm #470921Hi 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.
July 9, 2015 at 11:30 pm #471195Hi,
Can you please create us a WordPress administrator account? post it here as a private reply.
Regards,
JosueJuly 13, 2015 at 1:57 pm #472427Hi, WP Admin account created.
July 13, 2015 at 9:14 pm #472682Hi!
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
toavia-slideshow-2
and so on.Best regards,
JosueJuly 16, 2015 at 12:03 pm #474193Genius. Thanks Josue – loving your work!
July 16, 2015 at 12:04 pm #474196You are welcome, glad to help :)
Regards,
JosueJuly 27, 2015 at 3:32 pm #479111Thank 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))July 27, 2015 at 11:11 pm #479330Hello,
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 -
AuthorPosts
- You must be logged in to reply to this topic.