0
DOCUMENTATION

Product Gallery

Multi-image gallery with thumbnails, zoom, lightbox, and swipe navigation. Multiple layout options for showcasing products.

Overview

The Product Gallery widget displays the additional product images set in Goose → Products → Product Images → Gallery Images. It renders as a thumbnail strip or carousel alongside the main product image, allowing customers to browse multiple product photos.

How to Add It

  1. Open the Elementor editor on your Product Details page template.
  2. Search for Product Gallery in the widget panel.
  3. Drag it onto the canvas alongside the Product Image widget.
  4. Configure the gallery layout and thumbnail size in the Content and Style panels.
Note: Gallery images are uploaded per product in Goose → Products → Product Images → Gallery Images.

Settings Reference

SettingDescriptionDefault
LayoutHow thumbnails are arranged: Vertical Strip (left), Horizontal Strip (below), GridVertical Strip
Thumbnail SizeRegistered image size for gallery thumbnailsThumbnail
Main Image SizeRegistered image size for the enlarged/active imageLarge
LightboxOpen the full-size image in a lightbox when clickedEnabled
Auto PlayAutomatically advance images like a slideshowDisabled
Auto Play SpeedInterval between auto-play transitions in milliseconds3000

Common Use Cases

Use a Vertical Strip layout with thumbnails on the left and the main image on the right for a classic product gallery layout. Use the Lightbox option for products like art prints or jewellery where customers need to examine fine details. For fashion products, enable Auto Play to create a dynamic carousel showcase effect.

Tips & Notes

Tip: Upload gallery images in a consistent aspect ratio in Goose → Products to ensure thumbnails and the main image display uniformly across all product pages.
Note: The Product Gallery widget works in conjunction with the Product Image widget. Place both on the Product Details page template for a complete image viewing experience.
Powered by Goose