We've added three new image element types to the Layouts page to allow you to add groups of images to your store locator without needing to add an image element for every separate image as was the case previously. You'll find these new elements on the Layout page (https://www.storelocatorwidgets.com/admin/Layout) when you click on the 'Add Element' button. Here's a breakdown of the three elements and how they can be used:
Firstly, all three new field accepts groups of URLs separated by new lines. For example, this will add 3 images to the group or stack:
https://img.storelocatorwidgets.com/images/49cdfcf684f5e8e7f9a7e874bae181e0/8703971_camera_photo_picture_photography_icon.png
https://img.storelocatorwidgets.com/images/49cdfcf684f5e8e7f9a7e874bae181e0/8703944_fire_flame_burn_hot_icon.png
https://img.storelocatorwidgets.com/images/49cdfcf684f5e8e7f9a7e874bae181e0/8703923_takeaway_cup_togo_coffee_icon.png
We do recommend using our free CDN image hosting service accessible via the Image Manager page (https://www.storelocatorwidgets.com/admin/ImageManager) to host all images because this will automatically create smaller thumbnails of your images if needed, while still linking to the original images so they can be displayed in the full screen Lightbox. The thumbnails allow your store locator to load as quickly as possible and our CDN is optimised for image delivery speed and high reliability and availability.
1. Image Group
An image group allows you to show a group of images in rows. As shown below:
2. Image Group Lightbox
This element appears identically to the layout of the Image Group with the additional feature that when any of the images are clicked on, the image appears fullscreen in a Lightbox which is a fullscreen display of the image with the ability for the user to click through and few all of the images in the group sequentially.
Here's an image in the group shown
3. Image Stack Lightbox
The final additional image grouping is an Image Stack. In a stack, only the first image is shown and the number of photos in the stack is also shown overlayed on the image itself. When the image clicked, the images display fullscreen in a Lightbox as shown above.
