Easy Image Overlay
Image Overlay Plugin for Joomla
J4 J5 J6 Plugin1.5
Current Version2.11K
Active UsersSee our product features
Image Overlays with Text & Icons
Rich Overlay Content
Add text overlays and Font Awesome icons to your images for enhanced visual appeal and user engagement.
Flexible Display Options
Choose between hover-activated overlays or always-visible overlays to match your design needs.
Complete Style Customization
Color Customization
Fully customize overlay background colors, text colors, opacity, font size, and padding for perfect brand integration.
Image Sizing
Control image dimensions with custom width and height settings using pixels, percentages, or viewport units.
Clickable Image Links
Link Integration
Make images clickable with support for internal links, external URLs, and custom link targets (new tab or same window).
Flexible Navigation
Configure whether links open in a new tab or the same window based on your user experience preferences.
Font Awesome Icon Support
Built-in Icon Library
Use Joomla's native Font Awesome icons or disable loading if your template already includes it.
Icon Flexibility
Add icons to overlays for visual cues, call-to-action buttons, or decorative elements.
Shortcode Examples Tab
Built-in Examples
Access 12 ready-to-use shortcode examples directly in plugin settings with one-click copy functionality.
Quick Start Guide
Copy and paste examples for common use cases like galleries, links, overlays, and custom styling.
Joomla 4, 5 & 6 Compatible
Full Version Support
Compatible with Joomla 4, 5, and 6 using modern WebAssetManager for optimal performance.
Future-Proof Code
Built with modern PHP 8.0+ features, type hints, and Joomla best practices for long-term compatibility.
Performance Optimized
Conditional Asset Loading
CSS and JavaScript files only load when image overlay shortcodes are detected on the page.
Efficient Processing
Early tag detection ensures assets are loaded before head compilation for optimal page performance.
Enhanced Security
Comprehensive Sanitization
All user inputs are sanitized including image paths, URLs, colors, sizes, and text content.
Path Traversal Protection
Advanced image path validation prevents directory traversal attacks and ensures secure file access.
Custom CSS Support
Additional Styling
Add custom CSS code directly in plugin settings for advanced customization beyond default options.
Flexible Design
Tailor image overlay appearance to match your website's unique design requirements.
Rich Overlay Content
Add text overlays and Font Awesome icons to your images for enhanced visual appeal and user engagement.
Flexible Display Options
Choose between hover-activated overlays or always-visible overlays to match your design needs.
Color Customization
Fully customize overlay background colors, text colors, opacity, font size, and padding for perfect brand integration.
Image Sizing
Control image dimensions with custom width and height settings using pixels, percentages, or viewport units.
Link Integration
Make images clickable with support for internal links, external URLs, and custom link targets (new tab or same window).
Flexible Navigation
Configure whether links open in a new tab or the same window based on your user experience preferences.
Built-in Icon Library
Use Joomla's native Font Awesome icons or disable loading if your template already includes it.
Icon Flexibility
Add icons to overlays for visual cues, call-to-action buttons, or decorative elements.
Built-in Examples
Access 12 ready-to-use shortcode examples directly in plugin settings with one-click copy functionality.
Quick Start Guide
Copy and paste examples for common use cases like galleries, links, overlays, and custom styling.
Full Version Support
Compatible with Joomla 4, 5, and 6 using modern WebAssetManager for optimal performance.
Future-Proof Code
Built with modern PHP 8.0+ features, type hints, and Joomla best practices for long-term compatibility.
Conditional Asset Loading
CSS and JavaScript files only load when image overlay shortcodes are detected on the page.
Efficient Processing
Early tag detection ensures assets are loaded before head compilation for optimal page performance.
Comprehensive Sanitization
All user inputs are sanitized including image paths, URLs, colors, sizes, and text content.
Path Traversal Protection
Advanced image path validation prevents directory traversal attacks and ensures secure file access.
Additional Styling
Add custom CSS code directly in plugin settings for advanced customization beyond default options.
Flexible Design
Tailor image overlay appearance to match your website's unique design requirements.
Need help getting started?
Our comprehensive documentation provides step-by-step instructions for setting up and installing Easy Image Overlay.
We have a pricing plan that's perfect for you!
Choose the subscription plan that suits you.
$9
$29
$39
$99
Frequently Asked Questions
You can add customizable text, icons from Font Awesome, links, and apply styling options like colors, opacity, and font sizes.
Yes! The overlays are fully responsive and adapt perfectly across desktops, tablets, and mobile devices.
Absolutely. You can assign custom links to each overlay and choose whether they open in the same window or a new tab.
You can use simple shortcodes to insert overlays within Joomla articles, custom modules, or anywhere content is accepted.
Yes. You can add ALT text to images in overlays, improving both SEO performance and accessibility.
Yes. The plugin allows you to apply additional CSS via a class suffix, giving you full design flexibility.
Yes. Overlays can include hover effects like color changes, icon animations, and opacity transitions for enhanced interaction.
Yes. You can easily adjust the overlay background opacity to suit your visual preferences.
Yes, it is fully compatible with Joomla versions 3.x, 4.x, and 5.x.
No coding skills are required for standard usage. Advanced users can apply additional CSS if they wish to fine-tune the design.
Still have questions?
Related Extensions
Create Your Own Joomla Module for Free!
Use our Free Joomla Module Generator to quickly create custom modules for your website.