Description
Shaban Visual Tabs for Elementor adds a flexible visual tabs widget for Elementor. It is designed for layouts where tab headers need more than plain text.
You can create tab headers using images, icons, text, image + text, or icon + text. The plugin includes responsive grid and horizontal carousel controls, hover title/icon options, and a popup tab connector workflow.
This plugin is an independent add-on for Elementor and is not affiliated with, endorsed by, or sponsored by Elementor.
Main Features
- Image, icon, text, image + text, and icon + text tab headers.
- Top, right, bottom, and left tab positions.
- Responsive grid tab layout.
- Horizontal carousel tab layout.
- Carousel offside option: single-row scroll or contained wrapping.
- Gap-aware carousel sizing.
- Hover icon and hover title controls.
- Active tab can keep hover state visible.
- Popup tab connector using Elementor’s native popup trigger and CSS classes.
- Supports editor content, video URLs, and Elementor template shortcodes.
Popup Tab Connector
Recommended popup workflow:
- Create an Elementor Popup.
- Add the Shaban Visual Tabs widget inside the popup.
- Set a Tab Trigger Slug inside the target tab item. Example:
project-one. - On the page, use Elementor’s native Button, Icon, Image, or Container to open the popup.
- In that Elementor trigger widget, go to Advanced > CSS Classes.
- Add the class:
aet-open-tab-project-one.
The slug after aet-open-tab- must match the Tab Trigger Slug exactly.
Supported trigger class formats:
aet-open-tab-your-slugaet-tab-your-slugaetpopup-your-slug
Installation
- Upload the plugin folder to
/wp-content/plugins/, or install the ZIP through WordPress > Plugins > Add New > Upload Plugin. - Activate the plugin.
- Edit a page with Elementor.
- Search for “Shaban Visual Tabs”.
- Add the widget and configure the tab items.
FAQ
-
Does this plugin require Elementor?
-
Yes. Elementor must be installed and active.
-
Is this plugin affiliated with Elementor?
-
No. This plugin is an independent add-on for Elementor and is not affiliated with, endorsed by, or sponsored by Elementor.
-
Does it use Elementor’s popup system?
-
For popup opening, yes. Use Elementor’s own popup trigger. This plugin stores the tab slug and activates the matching tab after the popup opens.
-
Can I drag Elementor widgets directly inside each tab?
-
No. This plugin does not use Elementor’s Nested Elements API. For complex tab content, use Elementor saved templates or shortcodes.
-
How do I stop carousel tabs from going offside?
-
Set Header Display to Horizontal Carousel Tabs, then set Carousel Offside Scroll to “No — Wrap Inside Container”.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Shaban Visual Tabs for Elementor” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Shaban Visual Tabs for Elementor” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial public release.