Key Features

Multiple File Management
- Unlimited CSS and JavaScript files via subform interface
- Local files and external CDN URLs supported
- Individual settings for each file
- Template-independent implementation

Inline Code Support
- Add inline CSS and JavaScript directly
- No need to create separate files
- Perfect for quick customizations
- Priority control for load order

Advanced Load Control
- Choose load position: head or body (JavaScript)
- Script attributes: defer, async, or both
- Priority management: control exact load order
- Media queries: screen, print, handheld, TV, all (CSS)

Performance & Security
- Cache busting with version parameters
- WebAssetManager integration for optimal loading
- Path validation and sanitization
- Directory traversal protection
- XSS prevention

Additional Features
- IE conditional comments support
- PHP 8.0+ optimized
- No jQuery dependency
- Minimal performance impact

Quick Start

Installation & Setup:
1. Install via System > Extensions > Install
2. Go to System > Plugins, find "System - Easy Includes"
3. Set Status to Enabled
4. Configure settings

Add CSS File:
- File Management tab > Add button
- File Type: CSS
- File Path: templates/cassiopeia/css/custom.css or CDN URL
- Media Query: all (or specific)
- Save

Add JavaScript File:
- File Management tab > Add button
- File Type: JavaScript
- File Path: local or CDN URL
- Load Position: Head or Body
- Script Attributes: defer/async (optional)
- Save

Add Inline Code:
- Inline Code tab > Add button
- Code Type: CSS or JavaScript
- Enter your code
- Save

Perfect For

• Template Customization - Add styles without modifying templates
• Third-Party Libraries - Include jQuery plugins, Bootstrap, Font Awesome
• CDN Integration - Load libraries from CDNs
• Custom Scripts - Analytics, tracking, custom functionality
• Development - Quick testing of styles and scripts
• Client Projects - Easy customizations without template changes

Configuration Options

File Management
- File Type: CSS or JavaScript
- File Path: Local path or external URL
- Load Position: Head or Body (JS only)
- Script Attributes: defer, async (JS only)
- Media Query: all, screen, print, etc. (CSS only)
- Conditional Comment: IE support (optional)
- Priority: Load order control (higher loads first)

Inline Code
- Code Type: CSS or JavaScript/jQuery
- Code: Enter code directly
- Media Query: Media type (CSS only)
- Priority: Load order control

Advanced Settings
- Cache Busting: Add version parameters (Yes/No)

Usage Examples

Custom CSS File:
File Path: templates/cassiopeia/css/custom.css Media Query: all

jQuery Plugin from CDN:
File Path: https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js Load Position: Body Script Attributes: defer

Inline CSS:
.custom-header { background: #333; color: #fff; padding: 20px; }

Google Font:
File Path: https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap

Technical Features

Modern Architecture
- Joomla 4, 5 & 6 compatible
- WebAssetManager integration
- PHP 8.0+ support (7.4+ compatible)
- Type-safe code

Performance
- Minimal overhead
- Efficient loading
- Deferred/async support
- Priority-based sorting

Security
- Path validation
- Directory traversal prevention
- URL sanitization
- XSS protection

Compatibility
- All modern browsers
- IE conditional comments
- Mobile browsers
- Cross-platform

Support

• Support: https://support.joomlax.com
• Email: info@joomlax.com
• Website: https://joomlax.com
• Updates: Automatic via Joomla

Why Choose Easy Includes?

No Template Modification - Keep templates clean and update-safe

User-Friendly - Intuitive interface, no coding required

Flexible Sources - Local files and external CDNs supported

Advanced Control - Load position, defer/async, priority management

Cache Busting - Prevent caching issues during development

Performance - Optimal loading with WebAssetManager integration

Security - Comprehensive validation and sanitization

Modern - Built for Joomla 4, 5 & 6 with PHP 8.0+ support

Simplify asset management and maintain clean templates while having complete control over CSS and JavaScript loading.