Navigation
Archive / Image shortcode Lightbox not working
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 23, 2016 at 5:21 am #1056070
    skatetimber
    Participant

    Hi there,

    I cannot get the image shortcode to work properly. All the variables do not show up when publishing. The lightbox itself does not work and the over info has the same. I am probably doing something wrong, but would you mind checking it out.

    Please look at the following page with password teamx.
    http://skatetimber.com/2016/06/23/test-photo/

    Thank you!

    June 23, 2016 at 7:13 am #1056210
    Christian
    Moderator

    Hey there,

    Your page returns a 404 or not available. Please check. Also, give us access to your WordPress admin in a private reply so we could see the back-end setup.

    Thanks.

    June 23, 2016 at 7:15 am #1056211
    skatetimber
    Participant

    Sorry, updated permalinks -,-. There you go!
    http://skatetimber.com/test-photo/

    June 23, 2016 at 9:00 am #1056350
    Joao
    Moderator

    Hi There,

    Please do the following:

    Turn On the HREF of your image and connect it to the image URL itself.

    Add the class img-lightbox to the image.

    Add on the same page on Cornerstone a RAW ELEMENT and type the following code.

    [lightbox selector=”.img-lightbox”]

    Let us know how it goes.

    Thanks

    Joao

    June 23, 2016 at 9:22 am #1056380
    skatetimber
    Participant

    Thank you for the response.
    I will definitely try and I am sure it will work, although I it a confusing workaround, as my clients want upload images themselves and I prefer not to let them struggle with this all the time.

    Maybe a simple Lightbox plugin will be the solution instead.

    Thank you!

    June 23, 2016 at 11:19 am #1056567
    Rupok
    Member

    Hi there,

    Thanks for writing back. Although it’s pretty simple if you follow the examples here – https://community.theme.co/kb/shortcode-walkthrough-lightbox/

    If you find simpler plugin to do this then you can try for your client.

    Cheers!

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