See all images with a single photo display

I previously asked you how I could display a single photo and by clicking on that single photo I would see all the photos in the photo gallery. I’ve now worked out how to do this.

Within the field definition define a single image upload and a multi image upload. (You obviously need the add-on for this). You also need to provide the link in the usual way in the settings menu.

use the pdb single shortcode
[pdb_single fields=single_photo,name,price,model,photo_gallery]

This will display all fields but by clicking on the single_photo you will get access to all the photos in the photo galley including the single photo. To improve this you can hide the actual photos in the photo gallery and just display the single photo by using some css as follow

dd.photo_gallery,
dt.photo_gallery {
display:none;
}

Many Thanks