Drupal и jQuery. Урок 8. Подключаем к drupal 7 jquery ui, jquery ui tabs

Код файла

/sites/all/modules/custom/custom.info

name = custom
description = custom module
core = 7.x

/sites/all/modules/custom/custom.module

<?php

  drupal_add_library('system', 'ui.tabs');

 

 CSS-код:

#tabs{
  border: 0px;
}

.ui-tabs-nav{
  background: none;
  border: none;
} 

 HTML код в node-product.tpl.php:

<div id="tabs">
      <ul>
        <li>
          <a href="#tabs-1">Описание</a>
        </li>
        <li>
          <a href="#tabs-2">Характеристики</a>
        </li>
      </ul>

      <div id="tabs-1">
        <?php
          print render($content['body']);
        ?>
      </div>
      <div id="tabs-2">
        <?php
          print render($content);
        ?>
      </div>
    </div>

 

Для начала нужно создать кастомный модуль.

drupalbook.ru/content/iz-chego-sostoit-modul-drupala

Теперь нужно поставить вес модуля custom больше, чем вес модулей ядра, для этого нужно зайти в БД через phpmyadmin и поставить вес модуля (weight) 100 или больше. Найти запись о модуле можно в таблице system:

phpmyadmin

 

Теперь в модуль custom можно подцеплять jquery ui плагины, например так:

<?php
drupal_add_library('system', 'ui.tabs');
drupal_add_library('system', 'ui.accordion');

 

Вставлять код можно в самом начале модуля после открывающего тега php.