=== Shaban Visual Tabs for Elementor ===
Contributors: sitebyshaban
Tags: elementor, tabs, image tabs, responsive tabs, carousel tabs
Requires at least: 5.8
Tested up to: 6.9
Requires PHP: 7.4
Requires Plugins: elementor
Stable tag: 1.0.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Visual tab layouts for Elementor with image, icon, text headers, responsive grid/carousel controls, and popup tab connector support.

== 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:

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`

== Installation ==

1. Upload the plugin folder to `/wp-content/plugins/`, or install the ZIP through WordPress > Plugins > Add New > Upload Plugin.
2. Activate the plugin.
3. Edit a page with Elementor.
4. Search for "Shaban Visual Tabs".
5. Add the widget and configure the tab items.

== Frequently Asked Questions ==

= 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".

== Changelog ==

= 1.0.0 =
* Initial public release.

== Upgrade Notice ==

= 1.0.0 =
Initial public release.
