Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #18692

    Greetings!

    I created a created a dynamic template using widgets to build tables on a page. Inside some of rows there are images. I was wondering if it is possible to implement the lightbox feature for images nested in a widget within a dynamic template.

    Here is the page I am working on:

    http://cornerture-wasabimuffin.rhcloud.com/?page_id=72

    Is there a better/easier way to do this?

    Thanks!

    #100445

    Hi wasabimuffin,

    I think that’s the easier way to do it. For the lightbox on images. I can only see img tags on your widget, It should be in this format:

    <a href="http://link_to_fullsize_image" rel='lightbox'><img src="http://link_here" alt="" /></a>

    In the link you specify, it should be something like this:

    <a href="http://cornerture-wasabimuffin.rhcloud.com/wp-content/uploads/2012/11/Sunny-Boy-A.jpg" rel='lightbox'><img width="150" src="http://cornerture-wasabimuffin.rhcloud.com/wp-content/uploads/2012/11/Sunny-Boy-A.jpg " /></a>

    Hope this helps. :)

    Regards,

    Ismael

    #100446

    Yes, just wrap your images into a link which points to the full size version of image. I.e. following code:

    <img width="150" src="http://cornerture-wasabimuffin.rhcloud.com/wp-content/uploads/2012/11/Sunny-Boy-A.jpg ">

    needs to be replaced with:

    <a href="http://cornerture-wasabimuffin.rhcloud.com/wp-content/uploads/2012/11/Sunny-Boy-A.jpg"><img width="150" src="http://cornerture-wasabimuffin.rhcloud.com/wp-content/uploads/2012/11/Sunny-Boy-A.jpg" /></a>

    #100447

    Thanks guys, that worked beautifully!

    One minor thing that came up though. When looking at the lightbox of an image in the caption area (beneath the photo) is the text “undefined”. How do I get rid of or replace that text?

    You guys are super helpful :)

    #100448

    Hi wasabimuffin,

    Try to add this code in either Quick CSS(Propulsion > Theme Options > Styling) or the custom.css file:

    .pp_description {
    display: none !important;
    }

    Hope this helps. :)

    Regards,

    Ismael

    #100449

    Perfect!

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Dynamic Template + Lightbox’ is closed to new replies.