內容簡介
Shaban Visual Tabs for Elementor 是一款為 Elementor 提供靈活視覺標籤小工具的外掛,讓標籤標題不僅限於純文字,支援圖片、圖示及文字的組合,提升網站的互動性與美觀。
【主要功能】
• 支援圖片、圖示、文字等多種標籤標題格式
• 提供上下左右四種標籤位置選擇
• 響應式網格標籤佈局
• 水平輪播標籤佈局
• 支援懸停圖示與標題控制
• 可使用 Elementor 原生彈出窗口觸發器
外掛標籤
開發者團隊
② 後台搜尋「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:
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
