Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • December 24, 2019 at 1:48 pm #1168943
    enzowillemstad

    Hi,
    I would like to add a column link in a Grid Row which opens an image (in the media library) directly in a lightbox over de entire page. But I can’t seem to find a solution.
    And on another column I would like to add a video (rather embedded from Vimeo than) also in a lightbox.

    I saw a previous thread about adding lightboxes but this didn’t seem to work anymore.

    Maybe there is an easy solution for this?

    December 24, 2019 at 8:59 pm #1168994
    Victoria

    Hey enzowillemstad,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    January 6, 2020 at 10:45 am #1170650
    enzowillemstad

    On the homepage, the second blok from the top left should have a link to an image in lightbox.

    in private content you see the login credentials.

    Thanks in advance.

    January 6, 2020 at 11:22 am #1170659
    enzowillemstad

    Sorry, not the homepage, but this page: https://sensmaroc.nl/sens-maroc/

    The video lightbox seems to be working.

    January 7, 2020 at 2:26 am #1170881
    Ismael

    Hi,

    Thank you for following up.

    Try to set the link to open in the same window, then add this css code in the Quick CSS field or the child theme’s style.css file.

    .av-screen-reader-only.lightbox-added {
    position: absolute;
    left: auto;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
}

    Best regards,
    Ismael

    January 7, 2020 at 11:03 am #1170992
    enzowillemstad

    Hi,
    Thanks for you response, It semi-works.
    First click it opens de image in a lightbox (nice), close the lightbox and click again and the image opens as normal.

    January 8, 2020 at 2:54 pm #1171467
    enzowillemstad

    Is there perhaps another way this can be achieved?

    January 8, 2020 at 10:16 pm #1171633
    Basilis

    Hi,

    How about we completely remove Lightbox?

    Best regards,
    Basilis

    January 9, 2020 at 12:19 pm #1171765
    enzowillemstad

    What do you mean?

    January 9, 2020 at 12:38 pm #1171782
    Guenni007

    First to be clear what is your setup:
    You got a grid-row and like to have in one grid-cell an image and in another one a link to a film ( youtube, vimeo etc.) both should open in lightbox.

    “And on another column I would like…” then you are talking about columns .
    So please be more precise in your question.

    here i got a grid-row –
    first grid-row:
    on the left there is in it an easy-slider with one image and lightbox setting.
    on the second cell i placed an image with video link ( video url with iframe=true option )
    with this setting lightbox gallery will work

    second grid-row:
    on the left there is in it an easy-slider with one image and lightbox setting.
    on second cell i placed a video alb with lightbox open option (Enfold newer than 4.6.3)

    https://webers-testseite.de/gridrow-links/

    January 9, 2020 at 3:21 pm #1171832
    enzowillemstad

    Hi, Thanks for you help so far.

    The situation is as follows:

    – On this page: https://sensmaroc.nl/sens-maroc/ I have a grid-row.
    – The second cell from the left (Discover the Moroccan triangle) should open an image from the media library in a lightbox (now opens the link to the image in new tab). I would like to use the enfold function of “column link” with in the cell settings, so the same overlay is used as the cells that link to pages.
    I tried adding “iframe=true” to the link, but this doesn’t seem to work.
    – The third cell from the left (Video) should open a video in a lightbox. This already seems to work.

    In your example you use a easy-slider and I want the entire cell (with more than 1 image) to open an image from the media library in a lightbox.

    Thanks in advance.

    January 11, 2020 at 11:13 pm #1172462
    Mike

    Hi,
    Sorry for the late reply, as I investigate your issue I was able to make a link to the image in the lightbox cover the column by adding this code to a code block element within your column:

    <style>
a.fullwidth {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
</style>
<a class="fullwidth" href="https://sensmaroc.nl/wp-content/uploads/2020/01/Sens-Maroc-Moroccan-traingle.jpg?iframe=true"></a>

    But this now creates a new issue, your image is too large and because it is in a iframe it can’t be sized with css. The iframe itself can be sized larger to fill the screen, but even then your image is too large, and if you choose to do that the other lightboxes will also be larger because they are all the same lightbox.
    So please take a look at your column link and decide if you want to make your image smaller or if you want to link to the image on another page.

    Best regards,
    Mike

    January 13, 2020 at 2:35 pm #1172797
    enzowillemstad

    Thanks for your help, but this not really a solution.
    I guess it’s not possible to add a link to an image in a lightbox in Enfold. To bad.

    January 14, 2020 at 5:49 pm #1173500
    Victoria

    Hi enzowillemstad,

    No, not out of the box. It will require additional coding.

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Victoria

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