About this plugin
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-slug
- aet-tab-your-slug
- aetpopup-your-slug