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.

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

Flexible Configuration
Switch between folder and manual modes easily. Both methods support the same advanced features including resizing, WebP conversion, and filtering.

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 are automatically generated from folder names or manually assigned per slide.

Filter Buttons
Beautiful filter buttons at the top of the gallery allow users to filter images by category. Smooth animations and active state indicators.

Multiple Categories
Each image can belong to a category, enabling powerful filtering and organization of 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.

Article Integration
Embed galleries directly in articles, custom HTML modules, or any content area that supports shortcodes.

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