Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #8057

    I’d like to place small images (perhaps 80px x 80px) in the right sidebar to represent color swatches of material. If a customer would like to see larger images, how would I use the built-in lightbox feature to have the images come up in the lightbox in original size (perhaps 200px x 200px) and the customer can use the arrow controls to scroll through them?

    I can currently put some HTML code into a text widget, and place that in the right sidebar, however upon clicking the image it simply opens up a single page with the image at the top, and does not utilize the lightbox function.

    Any advice would be greatly appreciated.

    Great theme by the way! Very impressive…


    Just bumping this thread to see if anyone has any advice.

    I’m just trying to place a series of small images in the right sidebar, and upon clicking a thumbnail of one of the images, the image comes up in a lightbox, and is able to scroll through the rest of the images in the lightbox.

    Thank you.



    the project page: offers some demo snippets. You can create a lightbox gallery with following code:


    (You can also change pp_gal to any other name/text). The gallery code would look like:

    <a href="images/fullscreen/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."><img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="Red round shape" /></a>

    <a href="images/fullscreen/2.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Nice building" /></a>

    <a href="images/fullscreen/3.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_3.jpg" width="60" height="60" alt="Fire!" /></a>

    <a href="images/fullscreen/4.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_4.jpg" width="60" height="60" alt="Rock climbing" /></a>

    <a href="images/fullscreen/5.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_5.jpg" width="60" height="60" alt="Fly kite, fly!" /></a>


    Awesome. Thank you. That should point me in the right direction!

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

The topic ‘Using built-in lightbox function with images in right sidebar’ is closed to new replies.