Create an Advanced Media Slideshow Creation with tabs navigaton Module for Joomla 6
Budget: $30 – $250 USD
Goal
Develop a custom Joomla media gallery MODULE
The Media gallery Slideshow should be similar to SBX Cars listing pages, featuring categorized images and videos with tabs navigation, thumbnails, and fully responsive layout for desktop Tablet and mobiles.
Slideshow live example https://sbxcars.com/listing/603/1991-porsche-964-turbo
## Functional Requirements
### 1) Gallery Structure
* Main media viewer (large image/video)
* Thumbnail navigation below or beside main viewer
* Media categories with tabs:
* All
* Exterior
* Interior
* Mechanical
* Documentation
* Videos
* Each media item belongs to one or multiple categories
### 2) User Interface
* Tabbed navigation to filter media dynamically (AJAX preferred)
* Smooth transitions between images/videos
* Active thumbnail highlight
* Lightbox / fullscreen mode
* Mobile-friendly responsive design
* Touch swipe support on mobile
### 3) Media Types
* Images (JPG, PNG, WebP)
* Videos (MP4, YouTube/Vimeo embed)
* Optional 360° images (future-ready)
### 4) Joomla Integration
* Joomla 6 compatible
* Media managed via:
* Custom Joomla component OR
* Joomla fields + custom module OR
* Integration with existing gallery extension (if suitable)
* Admin interface to:
* Bulk Upload media
* Assign categories/tags
* Set order/priority
* Mark featured media
### 5) Performance & SEO
* Lazy loading for images
* Optimized thumbnails (auto-generated)
* SEO-friendly markup (alt tags, schema if possible)
### 6) Technical Stack
* Frontend:
* CSS (Flexbox/Grid)
* Backend:
* Joomla MVC structure
* Database table for media metadata (if custom component)
* Optional AJAX filtering for tabs
### 7) Design Reference
* Visual behavior similar to:
* SBX Cars listing gallery
* Large main image + thumbnails + category tabs
* Styling must match site theme
Slideshow live example https://sbxcars.com/listing/603/1991-porsche-964-turbo
### 8) Deliverables
* Joomla module/component source code
* Installation package
* Documentation for admin usage
* Example demo page
Develop a custom Joomla media gallery MODULE
The Media gallery Slideshow should be similar to SBX Cars listing pages, featuring categorized images and videos with tabs navigation, thumbnails, and fully responsive layout for desktop Tablet and mobiles.
Slideshow live example https://sbxcars.com/listing/603/1991-porsche-964-turbo
## Functional Requirements
### 1) Gallery Structure
* Main media viewer (large image/video)
* Thumbnail navigation below or beside main viewer
* Media categories with tabs:
* All
* Exterior
* Interior
* Mechanical
* Documentation
* Videos
* Each media item belongs to one or multiple categories
### 2) User Interface
* Tabbed navigation to filter media dynamically (AJAX preferred)
* Smooth transitions between images/videos
* Active thumbnail highlight
* Lightbox / fullscreen mode
* Mobile-friendly responsive design
* Touch swipe support on mobile
### 3) Media Types
* Images (JPG, PNG, WebP)
* Videos (MP4, YouTube/Vimeo embed)
* Optional 360° images (future-ready)
### 4) Joomla Integration
* Joomla 6 compatible
* Media managed via:
* Custom Joomla component OR
* Joomla fields + custom module OR
* Integration with existing gallery extension (if suitable)
* Admin interface to:
* Bulk Upload media
* Assign categories/tags
* Set order/priority
* Mark featured media
### 5) Performance & SEO
* Lazy loading for images
* Optimized thumbnails (auto-generated)
* SEO-friendly markup (alt tags, schema if possible)
### 6) Technical Stack
* Frontend:
* CSS (Flexbox/Grid)
* Backend:
* Joomla MVC structure
* Database table for media metadata (if custom component)
* Optional AJAX filtering for tabs
### 7) Design Reference
* Visual behavior similar to:
* SBX Cars listing gallery
* Large main image + thumbnails + category tabs
* Styling must match site theme
Slideshow live example https://sbxcars.com/listing/603/1991-porsche-964-turbo
### 8) Deliverables
* Joomla module/component source code
* Installation package
* Documentation for admin usage
* Example demo page