Fade Tabs
Joomla Tab Module with Fade Effects
- Zero B/C pluginRuns without the B/C pluginRuns on Joomla 5 and 6 without the Behaviour - Backward Compatibility plugin, so you can keep it switched off.
- Joomla 4, 5 & 6Tested and supported on Joomla 4, 5 and 6.
- 5.0See the reviews
- v2.8· Updated 5 days ago
- 5.6K+downloads
- PHP 8.1+
- Instant accessReady to install right after checkout
- One-click updatesNew releases install from the Joomla administrator
- Lifetime optionPay once and keep future releases
- 30-day guaranteeFull refund if it is not the right fit
Features
What can Fade Tabs do for you?
Eight feature areas, one install package for Joomla 4, 5 and 6.
-
Default Look
Modern 2026 Theme
- Fresh Tab UIUnderline accent, soft panel body, and brand colour aligned with your JoomlaX site.
- Theme PresetsMinimal, Outline, Dark, Rounded, Gradient, plus Theme Color and CSS override.
-
Flexible Layout
Horizontal & Vertical
- Horizontal TabsClean underline tab bar that wraps on desktop and becomes a swipeable strip on tablets and phones.
- Vertical TabsSide navigation that stacks into the same mobile strip on smaller screens.
-
Polished Motion
Effects & Autoplay
- Fade or SlideConfigurable transition speed in milliseconds with reduced-motion support.
- AutoplayOptional cycling that pauses on hover and keyboard focus.
-
Find Fast
Search & Categories
- Live SearchFilter tabs by title or content with highlighted matches and a clear control.
- Category PillsNarrow the tab set by slide category or article category.
-
Visitor Friendly
Deep Links & Memory
- URL Anchors + Copy LinkShareable hashes that open the right tab and briefly show “Copied!”.
- Remember Active TabRestore the last open tab via session or local storage.
-
Easy Content
Slides Subform
- Custom TabsTitle, content, icons, badges, category, and active-on-load state.
- Joomla ArticlesOptional article source with categories, tags, images, and read more.
-
Built for A11y
Accessible Tabs
- ARIA RolesProper tablist / tab / tabpanel markup with keyboard arrow support.
- Vanilla JSNo jQuery — lightweight script via WebAssetManager.
-
Modern Stack
Joomla 4 / 5 / 6 Ready
- Services StructureNamespace, provider, and Dispatcher for Joomla 5+.
- Joomla DLIDUses the native Download ID field — no custom license key required.
Changelog
What's new
7 releases since version 2.2. Updates install from the Joomla admin with a valid licence.
- Runs on Joomla 5 and Joomla 6 with the Behaviour - Backward Compatibility plugin disabled.
- Article queries use the current identity and database services.
- Modern 2026 theme as the default look (soft panel, underline accent, brand colour)
- Full Joomla 5 services structure (provider, Dispatcher, namespaced Helper)
- Vanilla JavaScript tabs — jQuery plugin removed
- Custom slides subform with icons, badges, categories, and active state
- Horizontal or vertical layout; fade / slide / none transitions
- Optional autoplay with pause on hover and focus
- Search with highlights, category filter pills
- URL anchors, Copy Link with “Copied!”, remember active tab
- Responsive tablet/phone tab strip with touch-friendly targets
- Article source retained with tags, images, read more, and plugin events
- Theme presets + Theme Color + Theme CSS Override
- Replaced custom license key with Joomla default Download ID (DLID)
- Compatibility and maintenance updates for Joomla 4 / 5 / 6
- Earlier theme and URL-hash improvements
- Support Joomla 5
- No need for a Backward Compatibility Plugin
- Single file installation for Joomla 3 and Joomla 4
- CSS updates
- PHP 8 support
- Removed jQuery load in the body
- Supports Joomla 4
- Update via Joomla Update Manager
- License key workflow introduced (replaced by native DLID in 2.7)
Show 1 older release
- Joomla Update integrated
- Uses Joomla jQuery framework
Docs & setup
Get up and running fast
Written guides for installing and configuring Fade Tabs, from first setup to the options that matter.
- Installation stepsOne install zip for Joomla 4, 5 and 6, installed from System, Install, Extensions.
- Configuration optionsThe settings in the guide, from first setup to the options that matter.
- Practical usage tipsShort examples you can adapt to your site.
Pricing
Choose the plan that fits
Save more as you scale — longer access means a bigger discount.
$9
30-day money-back guarantee
$19
30-day money-back guarantee
$29
30-day money-back guarantee
$49
30-day money-back guarantee
Why buy here
Why JoomlaX
- Built, maintained and supported by one team Every product sold on JoomlaX is developed, maintained and supported by Infyways, building Joomla solutions since 2010.
- Ready for Joomla 4, 5 and 6 118 extensions support Joomla 5 and 6, and 114 support Joomla 4. Each product page lists the versions it works with.
- One-click Joomla updates Regular updates and feature improvements for licensed customers, delivered straight to your Joomla admin.
- Support from the developers Tickets go straight to the developers. First replies within 24 business hours.
All-access bundle
Unlock every JoomlaX extension in one plan
Get all 125 extensions, new releases, ongoing updates and full-time support. Bought one by one, a year of updates for every extension costs over $4,700.
-
Basic
Ideal for small projects and personal sites
$249/ 6 months
Save 91% · $2,900+ value
- Access to 125 extensions
- Access to new extensions during period
- 3 websites license
- 6 months support and updates
- Unlimited downloads and domain activations
- Full-time expert technical support
30-day money-back guarantee
-
Most popular
Premium
Best for growing businesses and web agencies
$349/ 1 year
Save 92% · $4,700+ value
- Access to 125 extensions
- Access to new extensions during period
- 5 websites license
- 1 year support and updates
- Unlimited downloads and domain activations
- Priority full-time technical support
30-day money-back guarantee
-
Developer
For professional developers and multi-client agencies
$749/ one-time
Pay once · keep forever
- Access to 125 extensions
- Access to all future new extensions
- Unlimited websites license
- Lifetime support and updates
- Unlimited downloads and domain activations
- VIP priority full-time technical support
30-day money-back guarantee
FAQ
Questions about Fade Tabs
Still unsure? Our support team is one ticket away.
What is new in Fade Tabs 2.7?
Modern 2026 UI, vanilla JavaScript (no jQuery), slides subform, horizontal/vertical layouts, search, category filters, deep links with Copy Link, autoplay, remember active tab, Joomla 5 services structure, and native Download ID (DLID) support.
Does Fade Tabs need jQuery?
No. Version 2.7 uses vanilla JavaScript loaded through Joomla’s WebAssetManager.
Can I use custom slides instead of articles?
Yes. Set Content Source to Slides and manage tabs in the repeatable subform (title, content, icon, badge, category, and active state).
Where do I enter the Download ID?
Use Joomla’s built-in Download ID / Download Key for extension updates. There is no custom license key field inside the module.
How do URL anchors and Copy Link work?
Turn on URL Anchors so each tab gets a shareable hash like #jx-ft-{moduleId}-{n}. Copy Link copies that URL so visitors open the same tab directly.
Is it mobile and tablet friendly?
Yes. On tablets and phones the tab bar becomes a swipeable strip with large touch targets, hidden scrollbars, and the active tab keeps itself in view. Vertical layouts stack the same way on smaller screens.
Which themes are included?
Modern 2026 (default), Default, Minimal, Outline, Dark, Rounded, and Gradient. You can also set a Theme Color and optional Theme CSS Override.
Which Joomla versions are supported?
Joomla 4.x, 5.x, and 6.x. PHP 8.1+ is recommended.
Help from the people who built it
- Documentation Installation, configuration and usage guides for this extension. Read the docs →
- Support portal Open a ticket with the developers. We reply to your first request within 24 business hours. Open a ticket →
- Live demos Try this extension on a live demo before you buy. Open this demo →
- Support policy What support covers, response times and how to get the fastest answer. Read the policy →