Vertex Gallery

Module Component
Display galleries in any module position with advanced configuration options. Perfect for dedicated gallery sections, sidebars, or featured content areas.

Content Plugin
Embed galleries directly in articles using simple shortcodes. Use {vertexgallery} shortcode with folder or individual image options for seamless content integration.

Unified Experience
Both components share the same powerful gallery engine, ensuring consistent functionality and appearance across your site.

Grid Layout
Clean, organized grid layout with customizable columns. Supports responsive column settings for mobile, tablet, and desktop views.

Masonry Layout
Beautiful Pinterest-style masonry layout that automatically arranges images in an optimal, visually appealing way without gaps.

Responsive Columns
Set different column counts for different screen sizes (e.g., 1,2,3 for mobile, tablet, desktop) or use auto-sizing for perfect adaptation.

Full-Featured Modal
Professional lightbox modal with dark/light themes, smooth transitions (fade, crossfade, slide), and comprehensive controls.

Rich Controls
Play/pause autoplay, speed control, image count, thumbnail strip, fullscreen, rotate, flip, zoom, theme toggle, download, and share buttons.

Touch & Keyboard Support
Full swipe gesture support on mobile devices and keyboard navigation (arrow keys, ESC) for desktop users.

Folder-Based Galleries
Automatically load all images from a specified folder. Perfect for bulk image management with optional auto-generated titles from filenames.

Subfolders as Filters
Enable Use Subfolders as Filters in the module to turn each immediate subfolder (e.g. Animals, Teams, Farm Shop) into its own category filter—no shortcode required.

Multiple Folder Paths
Point to several folders at once, with optional custom labels: images/gallery/Animals|Animals,images/gallery/Teams|Teams.

Manual Slide Management
Use the repeatable subform to add images with custom titles, descriptions, and categories. Full control over each slide's content and metadata.

Automatic Resizing
Automatically resize images for thumbnails and modal display with configurable dimensions. Maintains aspect ratio or allows custom sizing.

WebP Conversion
Optional WebP format conversion for smaller file sizes (up to 30% reduction) and faster loading times. Configurable quality settings (1-100).

Smart Caching
Resized images are cached automatically for faster repeated loads and improved performance. No manual cache management required.

Category System
Organize images into categories for easy filtering. Categories come from folder names, subfolder names, or are manually assigned per slide.

Subfolder Filters (Module)
Set the parent folder path (e.g. images/gallery), turn on Use Subfolders as Filters, and each subfolder becomes a filter button automatically.

Filter Buttons
Filter buttons appear at the top of the gallery with smooth animations and active state indicators. The All button shows every image.

Multiple Categories
Build multi-category galleries from folders or slides—ideal for farms, portfolios, shops, and large image collections.

Corner Styles
Choose between rounded or flat corner styles for gallery items. Perfect for matching your website's design language.

Card Shadows
Enable or disable card shadow effects for depth and visual appeal. Creates a modern, elevated appearance.

Accent Colors
Set custom accent colors for gallery elements including filter buttons, modal controls, and active states.

Image Filters
Apply visual filters (grayscale, sepia, blur, brightness, contrast, saturate) with configurable intensity and hover effects.

Caption Modes
Choose when to show captions: always visible, on hover only, or completely hidden. Perfect for different design needs.

Title & Description
Each image can have both a title (main caption) and description (sub-caption) for rich content display.

Modal Captions
Separate caption display control for modal view. Show or hide titles and descriptions in the lightbox independently.

Randomize Order
Randomize the order of images on each page load for varied displays and fresh content presentation.

Single Image Preview
Show one image initially and expand to full gallery on click. Perfect for space-saving layouts and progressive disclosure.

Aspect Ratio Control
Set custom aspect ratios for gallery items (e.g., 16/9, 4/3, 1/1) for consistent, uniform grid layouts.

Mobile Optimized
Fully responsive design that works perfectly on all devices including mobile phones, tablets, and desktops.

Touch Friendly
Optimized for touch interactions with smooth swipe gestures, responsive grid layout, and mobile-friendly controls.

Responsive Breakpoints
Intelligent responsive breakpoints ensure optimal display and usability across all screen sizes and orientations.

Module Class Suffix
Add custom CSS classes to the gallery wrapper for targeted styling and theme integration.

Extra CSS Support
Add custom CSS code per module instance with placeholder support for module ID and gallery ID targeting.

Flexible Styling
Complete control over gallery appearance with advanced settings for gaps, max width, aspect ratios, and more.

Full Version Support
Compatible with Joomla 4.x, 5.x, and 6.x using modern coding standards and best practices.

Modern Architecture
Uses WebAssetManager for optimal asset loading with seamless compatibility across Joomla versions.

Namespace Support
Proper namespace implementation following Joomla 4+ standards for clean, maintainable code.

Simple Shortcodes
Use {vertexgallery folder="images/gallery"} or {vertexgallery images="img1.jpg,img2.jpg"} for quick gallery insertion.

Multi-Folder Filters
Load several folders as categories with {vertexgallery folders="images/gallery/Animals|Animals,images/gallery/Teams|Teams"}—each folder becomes a filter.

Article Integration
Embed galleries directly in articles, Custom HTML modules, or any content area that supports shortcodes (not in CSS).

Flexible Parameters
Configure galleries via shortcode attributes or use default plugin settings for consistent styling.

Easy Shortcode Insertion
Add a button to the Joomla editor toolbar for quick and easy gallery shortcode insertion. No need to remember syntax or parameters.

Visual Form Interface
User-friendly modal with compact two-column layout, organized sections, and intuitive form controls for all gallery settings.

Live Shortcode Preview
See the generated shortcode in real-time as you configure options. Preview updates automatically as you make changes.

Joomla Native Integration
Uses Joomla's native color picker, Bootstrap modals, and follows Joomla 4+ coding standards for seamless integration.