Easy Responsive Tabs
Responsive Tabs Plugin for Joomla
30-day money-back guarantee
Changelog — Easy Responsive Tabs
Version 1.10: 18 October 2026
- Runs on Joomla 5 and 6 with Behaviour Backward Compatibility disabled
- System plugin and editor button use the service provider layout
- Editor button assets load through the Web Asset Manager
- Database access uses the Joomla database service
Version 1.9: 15 July 2026
- Optional URL hash deep links (off by default; plugin setting or hash="true" on the shortcode)
- Cleaner shortcode attribute parsing: style, themecolor, article, and hash in any order
- Vertical tabs layout fix; better tablet stacking for vertical and sidebar
- Arrow, ribbon, and skewed style polish; tab labels wrap correctly for skewed text
- Smarter content height (no oversized empty panels)
- Editor button modal to pick style, theme, and optional hash before insert
- Legacy uppercase curly tags and square-bracket shortcodes still supported
- Case-insensitive shortcode detection for assets and rendering
- Package install: system plugin + editors-xtd button (pkg_easytabs_1.9.zip)
Version 1.8: 19 January 2026
- Fixed deprecated warning after installation
Version 1.3
- Uses Joomla jQuery Framework
- Joomla Update System integrated
Version 1.7: 10 December 2025
- Complete rewrite with modern JX Tabs system
- 20 tab styles and 24 colour themes (480+ combinations)
- Custom hex colour support
- Vanilla JavaScript (no jQuery)
- Full ARIA accessibility and keyboard navigation
- URL hash navigation, article integration, live admin preview
- WebAssetManager, Joomla 4 / 5 / 6 compatibility
Version 1.6: 10 December 2023
- Supports Joomla 5 without Backward Compatibility Plugin
Version 1.5: 08 February 2023
- Single file for Joomla 3 and Joomla 4
- Removed jQuery load in the body
Version 1.4: 25 October 2021
- Supports Joomla 4
The latest shortcode uses lowercase etabs and tab tags. Tab labels sit after the opening tab tag; everything until the closing tab tag is the panel content.
- 20+ tab styles
- 24 colour themes
- Articles as tabs
- Responsive accordion on small screens
{etabs}
{tab Overview}…{/tab}
{tab Features}…{/tab}
{tab Getting Started}…{/tab}
{/etabs}Set style="pill" for rounded modern tabs. Combine with themecolor for a ready colour palette.
Phone: +1 234 567 8900
{etabs style="pill" themecolor="cupertino"}
{tab Home}…{/tab}
{tab About}…{/tab}
{tab Contact}…{/tab}
{/etabs}A minimal underline look with style="underline". Ideal when you want tabs that feel lighter against page content.
{etabs style="underline" themecolor="redmond"}
{tab Services}…{/tab}
{tab Process}…{/tab}
{tab Results}…{/tab}
{/etabs}Use style="vertical" for a side-by-side layout. Great in wider content columns and FAQ-style pages.
{etabs style="vertical" themecolor="le-frog"}
{tab Overview}…{/tab}
{tab Details}…{/tab}
{tab Support}…{/tab}
{/etabs}Use style="floating" for a lifted, card-like header. Pair with a warm theme such as sunny.
{etabs style="floating" themecolor="sunny"}
{tab Portfolio}…{/tab}
{tab Team}…{/tab}
{tab Careers}…{/tab}
{/etabs}Want something eye-catching? Try style="neon" with a dark theme like trontastic.
{etabs style="neon" themecolor="trontastic"}
{tab Products}…{/tab}
{tab Deals}…{/tab}
{tab New}…{/tab}
{/etabs}Soft shadows and a calm UI with style="neumorphism".
{etabs style="neumorphism" themecolor="smoothness"}
{tab Plans}…{/tab}
{tab Included}…{/tab}
{tab FAQ}…{/tab}
{/etabs}Pass comma-separated article IDs with the article attribute. Titles become tab labels and each article body fills the panel. Content still runs through Joomla content plugins.
Modern CMS builds for teams that need to publish fast. We ship Joomla sites with clear editing workflows, reusable layouts, and performance tuned for 2026 hosting stacks.
A publishing system your team can own
We build Joomla websites around clear editorial workflows, reusable content patterns, and dependable permissions. Editors can launch landing pages, publish campaigns, and maintain structured content without waiting for a developer for every adjustment.
Each implementation includes responsive layouts, practical accessibility, image optimisation, and performance-minded extension choices.
- Reusable page and article layouts
- Role-based editing workflows
- Performance and accessibility checks
Conversion-focused storefronts with clean catalogs, secure checkout, and inventory hooks. Built for campaigns, subscriptions, and multi-currency sales in 2026.
Storefronts designed around conversion
From focused product catalogues to subscription and multi-currency stores, we connect the shopping experience to real campaign goals. Navigation, product discovery, checkout, and account flows are designed as one coherent journey.
Integrations can cover inventory, fulfilment, tax, payment gateways, analytics, and marketing automation while keeping day-to-day management practical.
- Clean product discovery
- Secure, low-friction checkout
- Campaign and analytics integrations
Brand-led interfaces with purposeful type, motion, and accessibility. We design product and marketing surfaces that feel current without chasing every fad.
Interfaces with a clear visual system
Our design process turns brand principles into purposeful typography, spacing, colour, components, and interaction patterns. The result feels current without depending on short-lived visual trends.
Layouts are tested across phones, tablets, laptops, and large screens, with special attention to readable line lengths, touch targets, keyboard focus, and contrast.
{etabs article="283,284,285"}{/etabs}Article tabs accept the same style and themecolor attributes as manual tabs.
Modern CMS builds for teams that need to publish fast. We ship Joomla sites with clear editing workflows, reusable layouts, and performance tuned for 2026 hosting stacks.
A publishing system your team can own
We build Joomla websites around clear editorial workflows, reusable content patterns, and dependable permissions. Editors can launch landing pages, publish campaigns, and maintain structured content without waiting for a developer for every adjustment.
Each implementation includes responsive layouts, practical accessibility, image optimisation, and performance-minded extension choices.
- Reusable page and article layouts
- Role-based editing workflows
- Performance and accessibility checks
Conversion-focused storefronts with clean catalogs, secure checkout, and inventory hooks. Built for campaigns, subscriptions, and multi-currency sales in 2026.
Storefronts designed around conversion
From focused product catalogues to subscription and multi-currency stores, we connect the shopping experience to real campaign goals. Navigation, product discovery, checkout, and account flows are designed as one coherent journey.
Integrations can cover inventory, fulfilment, tax, payment gateways, analytics, and marketing automation while keeping day-to-day management practical.
- Clean product discovery
- Secure, low-friction checkout
- Campaign and analytics integrations
Brand-led interfaces with purposeful type, motion, and accessibility. We design product and marketing surfaces that feel current without chasing every fad.
Interfaces with a clear visual system
Our design process turns brand principles into purposeful typography, spacing, colour, components, and interaction patterns. The result feels current without depending on short-lived visual trends.
Layouts are tested across phones, tablets, laptops, and large screens, with special attention to readable line lengths, touch targets, keyboard focus, and contrast.
{etabs article="283,284,285" style="pill" themecolor="dark-hive"}{/etabs}Panels can include headings, lists, links, and other HTML. Keep markup valid inside each tab block.
Welcome
We help teams publish clearer content on Joomla.
- Quality products
- Helpful docs
- Fast support
What we offer
Module and plugin demos, packaging, and documentation kits for extension stores.
Get in touch
Email:
Support: support.joomlax.com (opens in a new window)
{etabs style="box" themecolor="humanity"}
{tab About Us}
<h3>Welcome</h3>
<p>…</p>
<ul><li>Quality products</li></ul>
{/tab}
{tab Services}…{/tab}
{tab Contact}…{/tab}
{/etabs}You can place several etabs blocks on the same page, each with its own style and theme.
Content between tab sets stays outside the shortcodes.
{etabs style="segmented" themecolor="start"}
{tab Set A - Intro}…{/tab}
{tab Set A - More}…{/tab}
{/etabs}
<p>Content between tab sets…</p>
{etabs style="material" themecolor="blitzer"}
{tab Set B - One}…{/tab}
{tab Set B - Two}…{/tab}
{tab Set B - Three}…{/tab}
{/etabs}Three shape-based styles in one example. Swap the style value to any supported option from the plugin settings.
Arrow
Browse the catalogue and featured collections.
See what is included with each service plan.
Find help docs, tickets, and contact options.
Ribbon
Ribbon tabs add a connected, overlapping header look.
Requirements, dimensions, and technical notes.
Skewed
Angled tabs for a modern accent on campaign pages.
Upcoming webinars, launches, and meetups.
{etabs style="arrow" themecolor="excite-bike"}…{/etabs}
{etabs style="ribbon" themecolor="mint-choc"}…{/etabs}
{etabs style="skewed" themecolor="pepper-grinder"}…{/etabs}Older content using uppercase ETABS and TAB tags still works. Prefer lowercase for new pages, but existing articles do not need a rewrite.
Cost-effective content management without needing programming skills. Build portals that editors can update themselves.
Product catalogues, search, checkout, and payment flows tailored to your store.
Clear layouts, strong branding, and pages that feel good on phones and desktops.
From simple brochure sites to complex web applications and integrations.{ETABS}
{TAB CMS Websites}…{/TAB}
{TAB eCommerce Solutions}…{/TAB}
{TAB Web Design}…{/TAB}
{TAB Web Development}…{/TAB}
{/ETABS}