{"id":10797,"date":"2026-05-20T19:29:49","date_gmt":"2026-05-20T11:29:49","guid":{"rendered":"https:\/\/aeosub.com\/shaban-visual-tabs-elementor\/"},"modified":"2026-05-20T19:29:49","modified_gmt":"2026-05-20T11:29:49","slug":"shaban-visual-tabs-elementor","status":"publish","type":"post","link":"https:\/\/aeosub.com\/zh\/shaban-visual-tabs-elementor\/","title":{"rendered":"Shaban Visual Tabs for Elementor"},"content":{"rendered":"
\n\n\n\n\n\n\n\n
Developer<\/th>\nsitebyshaban<\/a><\/td>\n<\/tr>\n
Version<\/th>\nv1.0.0<\/td>\n<\/tr>\n
Active Installs<\/th>\n0 +<\/td>\n<\/tr>\n
Requires \/ Tested<\/th>\n5.8 \/ 6.9.4<\/td>\n<\/tr>\n
Last Updated<\/th>\n2026-05-20 11:28am GMT<\/td>\n<\/tr>\n
Official Link<\/th>\nView Details \u2192<\/a><\/td>\n<\/tr>\n<\/table><\/div>\n
Visual tab layouts for Elementor with image, icon, text headers, responsive grid\/carousel controls, and popup tab connector support.<\/div>\n

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.<\/p>\n

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.<\/p>\n

This plugin is an independent add-on for Elementor and is not affiliated with, endorsed by, or sponsored by Elementor.<\/p>\n

Main Features<\/h4>\n
    \n
  • Image, icon, text, image + text, and icon + text tab headers.<\/li>\n
  • Top, right, bottom, and left tab positions.<\/li>\n
  • Responsive grid tab layout.<\/li>\n
  • Horizontal carousel tab layout.<\/li>\n
  • Carousel offside option: single-row scroll or contained wrapping.<\/li>\n
  • Gap-aware carousel sizing.<\/li>\n
  • Hover icon and hover title controls.<\/li>\n
  • Active tab can keep hover state visible.<\/li>\n
  • Popup tab connector using Elementor’s native popup trigger and CSS classes.<\/li>\n
  • Supports editor content, video URLs, and Elementor template shortcodes.<\/li>\n<\/ul>\n

    Popup Tab Connector<\/h3>\n

    Recommended popup workflow:<\/p>\n

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

      The slug after aet-open-tab-<\/code> must match the Tab Trigger Slug exactly.<\/p>\n

      Supported trigger class formats:<\/p>\n

        \n
      • aet-open-tab-your-slug<\/code><\/li>\n
      • aet-tab-your-slug<\/code><\/li>\n
      • aetpopup-your-slug<\/code><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"

        Visual tab layouts for Elementor with image, icon, text headers, responsive grid\/carousel controls, and popup tab connector support.<\/p>","protected":false},"author":1,"featured_media":9317,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[252],"tags":[1497,566,1498,1499,1500,555],"class_list":["post-10797","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trends","tag-carousel-tabs","tag-elementor","tag-image-tabs","tag-responsive-tabs","tag-tabs","tag-wordpress-plugin"],"_links":{"self":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/10797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/comments?post=10797"}],"version-history":[{"count":0,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/10797\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media\/9317"}],"wp:attachment":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media?parent=10797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/categories?post=10797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/tags?post=10797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}