Shaban Visual Tabs for Elementor

外掛說明

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:

1. Create an Elementor Popup.
2. Add the Shaban Visual Tabs widget inside the popup.
3. Set a Tab Trigger Slug inside the target tab item. Example: project-one.
4. On the page, use Elementor’s native Button, Icon, Image, or Container to open the popup.
5. In that Elementor trigger widget, go to Advanced > CSS Classes.
6. 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