Drupal i jQuery. Lekcija 8. Povezivanje jQuery UI i jQuery UI Tabs sa Drupal 7

Kod fajla

/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 kod:

#tabs {
  border: 0px;
}

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

HTML kod u node-product.tpl.php:

<div id="tabs">
  <ul>
    <li>
      <a href="#tabs-1">Opis</a>
    </li>
    <li>
      <a href="#tabs-2">Karakteristike</a>
    </li>
  </ul>

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

Prvo treba kreirati custom modul.

https://rupalbook.org/content/iz-chego-sostoit-modul-drupala

Sada treba povećati težinu (weight) modula custom više od težine Drupal core modula. To se radi u bazi podataka preko phpMyAdmin, podešavanjem kolone weight u tabeli system na vrednost 100 ili više. Zapis o modulu se nalazi u tabeli system:

Sada u custom modulu možete učitati jQuery UI plugine, na primer ovako:

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

Kod treba ubaciti na početku fajla modula, odmah posle otvarajućeg PHP taga.