Home / Topics / Responsive Lightbox / Using Responsive Lightbox with custom fields

Using Responsive Lightbox with custom fields

We're here to help.

Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • 17 April 2014 at 21:08 #3609
    dianeb
    Participant

    Hello

    Everything was going perfectly until I tried to use Responsive Lightbox (Nivo) in a custom field. Specifically a custom field created by the plugin Advanced Custom Fields.

    When I put my small image in place (with a link to the media file large image) it just goes to the large image (isolated) — no lightbox.

    All is just fine in the normal WP content area. In fact, it’s great (Thank YOU!)

    Help please.

    17 April 2014 at 22:09 #3610
    dianeb
    Participant

    addendum: if I put the word lightbox in ‘rel’ then lightbox comes up but no previous or next.

    18 April 2014 at 12:24 #3623
    Bartosz
    Keymaster

    It doesn’t matter how you store you image data – it might be stored in custom database table as well. It’s a matter of how you display image links.

    Please post a link to your site?

    18 April 2014 at 18:23 #3632
    dianeb
    Participant

    It was in MAMP and I just uploaded it to a temporary location, but since it’s not launched yet, don’t want to post the client’s unfinished site. Can I email you directly?

    24 April 2014 at 16:09 #3695
    dianeb
    Participant

    Hi

    I have it in a location that you can see now. (using Nivo — problems with pix in custom field)

    • works well here (lightbox with prev and next). I have put nothing in ‘rel’

    http://meredithtromble.net/mtnew2/spin-off/

    • doesn’t work here (no prev or next). I put ‘lightbox’ in ‘rel’ otherwise it doesn’t work at all

    http://meredithtromble.net/mtnew2/anti-pandora-i/

    Hope you can help.

    THANK YOU

    12 July 2014 at 11:40 #4390
    Shirley Lee
    Participant

    Hi,

    I am having the same issue, the plug in does not work on images created with ACF…
    It works fine with images on usual posts/pages…

    Since I see it works on your site now, could you please share the solution with me?

    Thanks!

    PS. I have my site on MAMP localhost so cannot share :/

    31 August 2015 at 20:19 #7891
    BahramElf
    Participant

    hi
    i have the same problem with images that comes from AFC
    http://www.mashin-baz.com/car-catalog/%D9%87%D9%88%D9%86%D8%AF%D8%A7-%D8%B3%DB%8C-%D8%A2%D8%B1-%D9%88%DB%8C-%D8%A7%DB%8C%DB%8C-%D8%A7%DB%8C%DA%A9%D8%B3-honda-cr-v-ex-2015
    tanks in advance

    31 August 2015 at 20:44 #7893
    Bartosz
    Keymaster

    In any situation where images come from different source than native WordPress post you have to apply lightbox manually:

    for single images:

    <a href="full size image url" title="the title of the image" data-rel="lightbox">image thumbnail or text</a>

    for galleries

    <a href="full size image url" title="the title of the image" data-rel="lightbox-gallery-1">image thumbnail or text</a>

    If you want to create multiple galleries displayed separately just modify the data-rel to lightbox-gallery-2 then 3,4,5 etc.

    It does not really matter where these images or galleries come from or where are displayed on page – with the data-rel you can control how Responsive Lightbox handles it.

    31 August 2015 at 21:38 #7899
    BahramElf
    Participant

    i do exactly what you say, you can check it in link above, for two first image from the top. it’s the code:

    <a href="<?php echo $image['url'];?>" title="<?php echo $image['alt'];?>" data-rel="lightbox-gallery-1">
 <img class="img-responsive img-margin" src="<?php echo $image['url'];?>" alt="<?php echo $image['alt'];?>" /></a>

    but it’s still not working for me :(

    31 August 2015 at 23:19 #7901
    Bartosz
    Keymaster

    Ok, but this has nothing to do with custom fields.

    THe primary javascript problem is you have jquery loaded twice in your theme. Fix that and try again.

    1 September 2015 at 07:35 #7907
    BahramElf
    Participant

    tanks Bartosz, i add it one time manually in header the other one should be from plugins or wp. how can i find the other one? or it’s better to remove the one that i add manually in header?

    1 September 2015 at 10:10 #7908
    Bartosz
    Keymaster

    it’s somewhere in you theme.

    but the jquery is being added by wordpress automatically – you don’t have (and should not) include it via plugin or manuall code in the theme

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