تصویر محمدعلی اکبری
توسعه استایل جدید برای ماژول quicktabs

ماژول quicktabs امکان تعریف بلوک‌های تب‌دار شامل محتوای بلوک‌های دیگر، خروجی‌های views و محتوای گره‌ها را می‌دهد.

بعد از ایجاد یک بلوک تب‌دار اولین مرحله تغییر ظاهر تب‌ها به شکل دلخواه است. یک راه ساده برای اینکار استفاده از استایل‌های پیش فرض ماژول quicktabs_tabstyles و سپس تغییر برخی ویژگی های آن توسط css است.

اما در صورتی که بتوانیم یک استایل جدید برای تب‌ها به صورت ماژول تعریف کنیم، می‌توانیم از آن در پروژه‌های دیگر نیز استفاده کنیم.

برای اینکار کافی است ماژول جدیدی ایجاد کنیم و hook_quicktabs_tabstyles را پیاده سازی کنیم.

// quicktabs_tabstyles_extra.info
name = Quicktabs Styles Extras
description = Adds predefined tab styles to choose from per Quicktabs instance.
core = 7.x
dependencies[] = "quicktabs_tabstyles"

ماژول Quicktabs Styles Extras وابسطه به quicktabs_tabstyles است.

// quicktabs_tabstyles_extra.module
<?php

/**
 * Implements hook_quicktabs_tabstyles().
 */
function quicktabs_tabstyles_extra_quicktabs_tabstyles() {
  $tabstyles_directory = drupal_get_path('module', 'quicktabs_tabstyles_extra') . '/tabstyles';
  $files = file_scan_directory($tabstyles_directory, '/\.css$/');
  $tabstyles = array();
  foreach ($files as $file) {
    // Skip RTL files.
    if (!strpos($file->name, '-rtl')) {
      $tabstyles[$file->uri] = drupal_ucfirst($file->name);
    }
  }
  return $tabstyles;
}

سپس در مسیر tabstyles از پوشه ماژول با همان ساختار استایل های ماژول اصلی quicktabs_tabstyles فایلهای CSS را تعریف می‌کنیم. نمونه مازول را از پیوست همین مطلب دریافت کنید.

دیدگاه‌ها

تصویر سلام

سلام (تایید نشده)

سلام
در صورت امکان نحوه ساخت قسمت مطالب مرتبط را با نما (ویو) توضیح دهید، برای ایجاد این امکان با مشکل مواجه میشوم البته فکر کنم اکثر کاربرا همینطور باشند!
در هر صورت ممنون میشم اگر یک خروجی از ویو خودتان را هم قرار بدید خیلی عالی می‌شود به جهت آموزشی البته ;)

تصویر hamed azizi

تصویر امیر حسین اکبری

امیر حسین اکبری

ممنون برادر بسیار خوب

تصویر مجید جعفری

مجید جعفری

مثل همیشه ، عالی بود.

تصویر حسین

حسین (تایید نشده)

سلام
چطوری میشه تبهای کوئیک تب بطور راندم عوض بشه. یعنی با هر بار رفرش صفحه یکی از تب ها رو نمایش بده. خیلی دنبالش گشتم نتونستم. ممنون میشم راهنمایی کنید. دروپال 7

تصویر محمدعلی اکبری

محمدعلی اکبری

یک فایل js به info قالب اضافه کنید شامل:

$(random-tab-selector).click();
تصویر حسین

حسین (تایید نشده)

سلام تشکر از پاسختون قالب سایت اضافه کنم یا استایل کوئیک تب. اگر امکانش است بیشتر راهنمایی کنید. پیشاپیش از شما سپاسگزارم

افزودن نظر جدید