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 Highlights
- Full Joomla 4, 5 & 6 Compatibility
- Liquid Slider Integration
- Touch Swipe Support
- Flexible Content Sources (Articles or Slides)
- Category Filtering
- Multiple Ordering Options
- Advanced Styling Controls
- Typography Control with Google Fonts
- Plugin Event Support
- Performance Optimized
- Security Enhanced
- Fully Responsive Design
Perfect For:
- News websites
- Blog sites
- Magazine sites
- Corporate sites
- E-commerce sites
- Portfolio sites
- Educational sites
- Any site displaying content in a slider
Installation
Downloading the Extension
After purchasing the extension, you will receive a download link for the module package.
Installing the Module
- Log in to your Joomla backend
- Navigate to Extensions > Manage > Install
- Click on the "Upload Package File" tab
- Select the module installation file (
mod_codaslider_X.x.zip)
- Click "Upload and Install"
- Navigate to Extensions > Modules
- Click "New" and select "Coda Slider"
- Configure and publish the module
A success message will be displayed once the installation is complete.
System Requirements
- Joomla 4.x, 5.x, or 6.x
- PHP 7.4 or higher
- jQuery (included with Joomla)
- Articles in com_content (if using article source)
Content Settings
Access module settings by navigating to Extensions > Modules, create or edit a "Coda Slider" module.
Content Source
- Content Source: Select whether to use Joomla Articles or manually created Slides
- Choose "Joomla Articles" to display articles from your site
- Choose "Slides" to create custom slides manually
Joomla Articles Settings
- Category: Select one or more categories to filter articles (default: All)
- Use multi-select to choose multiple categories
- Articles from selected categories will be displayed
- Order Results: Choose ordering method
- Published Date (default)
- Created Date
- Modified Date
- Ordering
- Hits
- Random
- Order Direction: Ascending or Descending (only for non-random ordering)
- Count: Number of articles to display (default: 3, range: 1-100)
- Trigger Plugin Events: Enable/disable plugin events for custom fields (default: Yes)
Slides Settings
- Slides: Click the "Add" button to add custom slides
- Each slide has a Title and Content field
- Use the content editor to add rich content
- You can add multiple slides
FAQ
General Questions
Which Joomla versions are supported?
- The module is fully compatible with Joomla 4.x, 5.x, and 6.x
How do I create a coda slider module?
- Go to Extensions > Modules > New
- Select "Coda Slider"
- Choose content source (Articles or Slides)
- Configure styling options
- Assign to module position and publish
Can I display articles from multiple categories?
- Yes, use the multi-select category field to choose multiple categories
- Articles from all selected categories will be displayed
- Ordering applies across all selected categories
Configuration Questions
What's the difference between Articles and Slides?
- Articles: Displays content from Joomla articles with category filtering and ordering
- Slides: Allows you to create custom slides manually with complete control
- Choose based on your content needs
How do I add custom slides?
- Set Content Source to "Slides"
- Click the "Add" button
- Enter title and content for each slide
- You can add multiple slides
Can I use Google Fonts?
- Yes, select a Google Font in Navigation Typography settings
- Fonts are automatically loaded via WebAssetManager
- System fonts are also available
Styling Questions
How do I customize the navigation colors?
- Use Navigation Background Color and Navigation Text Color settings
- Set hover colors for better interactivity
- Configure padding for proper spacing
Can I add custom CSS?
- Yes, use the "Additional CSS" field in Advanced Settings
- CSS applies to the module container
- Use module ID (#slider-X) for specific targeting
How do I change the typography?
- Use Navigation Typography settings
- Select font family (including Google Fonts)
- Configure font size, weight, transform, style, decoration, line height, letter spacing
Technical Questions
How does category filtering work?
- Select one or more categories from the dropdown
- Only articles from selected categories are displayed
- Articles must be published and accessible
- Language filtering applies if multilingual is enabled
What does "Trigger Plugin Events" do?
- Enables content plugins to process articles
- Displays custom fields, voting, and other plugin content
- May slightly impact performance
- Disable if not using custom fields or plugins
Is the slider responsive?
- Yes, the slider is fully responsive
- Adapts to screen size automatically
- Touch swipe support for mobile devices
- Works on all devices and screen sizes
Troubleshooting
Common Issues and Solutions
Module Issues
Module Not Displaying
- Ensure the module is published
- Check module position is correct for your template
- Verify menu assignment includes the current page
- Check that module is assigned to correct user groups
- Clear Joomla cache
- Verify categories have published articles (if using articles)
- Check that slides are added (if using slides)
No Articles/Slides Displaying
- Check that selected categories have published articles (for articles)
- Verify articles are accessible to current user level
- Check article publish dates (not in future)
- Verify language settings if multilingual
- Check number of articles setting is greater than 0
- Verify slides are added (for slides)
- Module will display "No articles found" or "No slides found" message if no content matches criteria
Slider Issues
Slider Not Working
- Check that jQuery is loaded (included with Joomla)
- Verify Liquid Slider JavaScript files are loading
- Check browser console for JavaScript errors
- Ensure no other scripts are conflicting
- Clear browser cache
- Verify WebAssetManager is working correctly
Slides Not Displaying Correctly
- Check that content is properly formatted
- Verify HTML is valid
- Check for CSS conflicts with your template
- Ensure content is not empty
Styling Issues
Styling Not Applied
- Check CSS files are loading correctly
- Verify no CSS conflicts with your template
- Check browser console for CSS errors
- Use browser developer tools to inspect styles
- Try disabling other modules/plugins temporarily
Colors Not Working
- Verify color values are valid hex codes
- Check for CSS specificity issues
- Clear browser cache
- Use browser developer tools to inspect applied styles
Google Fonts Not Loading
- Check internet connection
- Verify WebAssetManager is working
- Check browser console for font loading errors
- Try selecting a different font
Performance Issues
Module Loading Slowly
- Reduce number of articles displayed
- Disable plugin events if not needed
- Optimize article images
- Check server resources
- Verify WebAssetManager is working correctly
Getting Help
If you continue to experience issues: