Coda Slider
Introduction
Coda Slider is a powerful Joomla module that displays content in an attractive liquid slider format. Perfect for showcasing articles, featured content, or custom slides in an engaging and interactive way.
Key Features
Liquid Slider Integration
- Professional horizontal slider using Liquid Slider
- Smooth animations and transitions
- Touch swipe support for mobile devices
- jQuery TouchSwipe integration
- jQuery Easing for smooth animations
Flexible Content Sources
- Display content from Joomla articles
- Filter by multiple categories
- Order by Published Date, Created Date, Modified Date, Ordering, Hits, or Random
- Ascending or Descending sort order
- Create custom slides manually with title and content editor
- Complete control over displayed content
Advanced Styling Options
- Customize navigation background and text colors
- Navigation hover effects
- Navigation padding control
- Content background and text color customization
- Content border width control
- Additional CSS support for advanced styling
Typography Control
- Google Fonts integration with automatic loading
- Control font size, weight, transform, style, decoration
- Line height and letter spacing control
- Text shadow support
- WebAssetManager integration for optimal performance
Category Filtering
- Filter articles by one or more categories
- Multi-select category interface
- Multiple ordering options
- Configurable number of articles to display
Plugin Event Support
- Optional plugin event triggering
- Display custom fields, voting, and other plugin content
- Full content preparation support
- Rich content display including images and formatting
Quick Start
Module Setup:
1. Create a new "Coda Slider" module
2. Choose content source (Joomla Articles or Slides)
3. Configure categories and ordering (if using articles)
4. Customize navigation and content styling
5. Assign to module position and publish
Configuration Steps:
1. Navigate to Extensions > Modules
2. Click "New" and select "Coda Slider"
3. In Content Settings:
- Select content source (Joomla Articles or Slides)
- If using articles: select categories, choose ordering, set sort direction, set count
- If using slides: click "Add" to add custom slides
4. In Styling Settings:
- Configure navigation colors, padding, and typography
- Set content background, text color, and border
5. In Advanced Settings:
- Add custom CSS if needed
6. Assign to module position and publish
Perfect For
- News Websites - Display latest news articles in an engaging slider
- Blog Sites - Showcase blog posts with smooth transitions
- Magazine Sites - Feature articles in category-specific sliders
- Corporate Sites - Display company news and updates
- E-commerce Sites - Showcase product articles or promotional content
- Portfolio Sites - Display project articles with custom slides
- Educational Sites - Show course articles or educational content
- Any Site - That wants to display content in an attractive slider format
Configuration Options
Content Settings
- Content Source: Joomla Articles or Slides
- Category: Select one or more categories to filter articles (for articles source)
- Order Results: Published Date, Created Date, Modified Date, Ordering, Hits, or Random
- Order Direction: Ascending or Descending (for non-random ordering)
- Trigger Plugin Events: Enable/disable plugin events for custom fields
- Count: Number of articles to display (1-100)
- Slides: Add custom slides manually (for slides source)
Styling Settings
- Navigation Background Color: Background color for navigation (default: #F2F2F2)
- Navigation Text Color: Text color for navigation (default: #000000)
- Navigation Background Hover Color: Hover background color (default: #ffffff)
- Navigation Text Hover Color: Hover text color (default: #000000)
- Navigation Padding: Padding around navigation elements
- Navigation Typography: Font family, size, weight, transform, style, decoration, line height, letter spacing
- Content Background Color: Background color for content (default: #F2F2F2)
- Content Text Color: Text color for content (default: #000000)
- Content Border Width: Border width around content
Advanced Settings
- Additional CSS: Add custom CSS for advanced styling customization
Technical Features
Performance Optimized
- Efficient article loading using Content Model
- Optimized asset loading with WebAssetManager
- Modern PHP 7.4+ code with type hints
- Smart caching of article data
Security Enhanced
- Proper input validation and sanitization
- XSS prevention with proper HTML escaping
- Parameter bounds checking
- Secure content preparation
Modern & Compatible
- Full Joomla 4, 5 & 6 compatibility
- Modern PHP 7.4+ code
- Uses WebAssetManager for optimal asset loading
- Future-proof design with regular updates
User Experience
- Smooth slider animations
- Touch swipe support for mobile
- Responsive design for all devices
- Accessible with proper HTML structure
- RTL language support
Support
- Documentation: https://joomlax.com/documentation/coda-slider
- Support: https://support.joomlax.com
- Store: https://www.joomlax.com
Why Choose Coda Slider?
Beautiful Slider - Professional Liquid Slider integration with smooth animations
Flexible Content - Display articles or create custom slides
Advanced Styling - Extensive styling and typography options
Touch Support - Full touch swipe support for mobile devices
Easy to Use - Intuitive interface with comprehensive settings
Future-Proof - Joomla 4, 5 & 6 compatible
Secure - Comprehensive security features and validation
Well Documented - Comprehensive documentation and examples
Transform your website with professional content sliders that showcase your content beautifully and engage your visitors.
Coda Slider
- Version:
- 2.7
- Developer:
- Infyways Solutions
- Last updated:
-
Dec 03 2025
2 days ago - Date added:
- Nov 18 2014
- License:
- GPLv2 or later
- Type:
- Paid download
- Includes:
- m
- Compatibility:
- J4 J5 J6
Share