افزونه جت تبس المنتور

✅ ویژگی‌های اصلی افزونه JetTabs

 

🧩 1. انواع المان‌های تعاملی

  • Tabs (تب‌ها) – تقسیم محتوا به تب‌های افقی یا عمودی
  • Accordion (آکاردئون) – بخش‌هایی که با کلیک باز/بسته می‌شوند (فقط یکی یا چندتایی همزمان باز)
  • Toggle (تُگل) – بخش‌های مستقل که هر کدام به‌صورت جداگانه باز/بسته می‌شوند

 

🎨 2. قابلیت‌های طراحی و ظاهری

  • چیدمان تب‌ها: افقی (بالا/پایین) یا عمودی (چپ/راست)
  • استایل‌دهی کامل به تب‌ها: رنگ متن، پس‌زمینه، border، گوشه‌های گرد (border-radius)
  • حالت‌های تعاملی: استایل جداگانه برای حالت عادی، هاور و تب فعال
  • آیکون برای هر تب – با قابلیت قرارگیری در سمت چپ، راست یا بالا
  • انیمیشن باز/بسته شدن – با افکت slide یا fade
  • فاصله‌گذاری و padding قابل تنظیم برای تب‌ها و محتوای داخلی

 

📱 3. واکنش‌گرایی و تجربه موبایل

  • تنظیمات جداگانه برای دسکتاپ، تبلت و موبایل
  • تبدیل خودکار تب‌ها به آکاردئون در نمای موبایل (قابل تنظیم)
  • Breakpoint قابل سفارشی‌سازی – تعیین نقطه‌ی تغییر رفتار المان

 

🧠 4. انعطاف‌پذیری محتوا

  • پشتیبانی از هر نوع محتوای المنتور در داخل تب‌ها:
  • متن، تصویر، ویدیو
  • فرم‌ها (از Elementor، JetFormBuilder یا سایر افزونه‌ها)
  • گالری، لیست، جدول، ویجت‌های شخصی‌سازی‌شده و…
  • قابلیت استفاده از محتوای پویا (Dynamic Content) اگر با JetEngine یکپارچه شود

 

⚙️ 5. تنظیمات رفتاری پیشرفته

  • باز کردن تب پیش‌فرض (اولین تب یا هر تب دلخواه)
  • قابلیت باز بودن چندین تب همزمان در آکاردئون (یا محدود به یکی)
  • کنترل دستی با دکمه‌های خارجی (با استفاده از CSS Class یا JavaScript)
  • پشتیبانی از URL Hash – باز کردن تب خاص با لینک (مثلاً #tab-2)

 

🔌 6. یکپارچه‌سازی و سازگاری

  • کار کامل با Elementor (نسخه رایگان و Pro)
  • سازگاری با تمام تم‌های وردپرس
  • ادغام با JetEngine برای نمایش داده‌های پویا در تب‌ها
  • بدون تداخل با سایر افزونه‌های المنتور

 

⚡ 7. عملکرد و بهینه‌سازی

  • بارگذاری شرطی اسکریپت‌ها – فقط در صفحاتی که JetTabs استفاده شده
  • کدهای سبک‌وزن و بهینه‌شده
  • پشتیبانی از Lazy Load برای محتوای داخل تب‌ها (در صورت فعال‌سازی)

 

📌 نکات مهم:

  • JetTabs نیازمند Elementor (نسخه رایگان یا Pro) است.
  • این افزونه مستقل از JetEngine است، اما در صورت نصب JetEngine، امکان نمایش محتوای پویا در تب‌ها فراهم می‌شود.
  • عالی برای صفحات FAQ، مشخصات محصول، پروفایل کاربری، دوره‌های آموزشی و لندینگ‌پیج‌های چندبخشی است.