Gallery Section
Overview
The Gallery section allows you to showcase visual content through a collection of images. Perfect for displaying your facilities, destinations, events, or any visual content that tells your story.
What's Included
Image Grid: Display multiple images in an organised layout
Image Captions: Optional captions for each image
Multiple Layouts: Choose from grid, masonry, or carousel
Lightbox View: Click images to view full-size
Configuration Options
Layout Options
Grid: Uniform grid layout (recommended)
Masonry: Pinterest-style staggered layout
Carousel: Sliding carousel of images
Images
Upload multiple images
Add captions and alt text for accessibility
Organise images in any order
Best Practices
High-Quality Images: Use professional, high-resolution photos
Consistent Style: Maintain visual consistency across images
Optimise for Web: Compress images for faster loading
Add Captions: Help visitors understand what they're seeing
Tell a Story: Organise images to tell a visual narrative
Image Guidelines
File Formats
JPG: Best for photos
PNG: Best for graphics with transparency
WebP: Best for web (smaller file sizes)
Image Sizes
Recommended: 1200-2000px wide
Aspect Ratio: Varies by layout (grid prefers consistent ratios)
File Size: Keep under 500KB per image when possible
Image Optimization
Compress images before uploading
Use appropriate dimensions (don't upload 4000px images)
Consider using WebP format for better compression
Layout Details
Grid Layout
Uniform grid of images
Best for consistent image sizes
Clean, organised appearance
Responsive: 3 columns desktop, 2 tablet, 1 mobile
Masonry Layout
Staggered, Pinterest-style layout
Best for varied image sizes
Dynamic, visually interesting
Images flow naturally
Carousel Layout
Sliding carousel of images
Best for featured/highlighted images
Interactive navigation
Saves vertical space
Accessibility
Alt Text
Always add descriptive alt text
Describe what's in the image
Helpful for screen readers
Captions
Optional but recommended
Provide context for images
Can include location, date, or description
Content Ideas
Facilities: Showcase your physical location
Destinations: Display locations you serve
Events: Photos from past events
Team Activities: Behind-the-scenes content
Products in Action: Products being used
Awards & Recognition: Certificates and achievements
Troubleshooting
Images not displaying?
Verify image URLs are correct and accessible
Check image file formats are supported
Ensure images are properly uploaded
Layout issues?
Try a different layout option
Ensure images have appropriate dimensions
Check for very large or very small images
Slow loading?
Optimise image file sizes
Consider using WebP format
Reduce number of images if needed
Images not in order?
Reorder images in gallery settings
Check image upload order
Verify gallery configuration