Extra Block Types (EBT) - Nueva experiencia con Layout Builder❗

Extra Block Types (EBT): tipos de bloques con estilo y personalizables: Presentaciones de diapositivas, Pestañas, Tarjetas, Acordeones y muchos más. Configuraciones integradas para fondo, DOM Box y plugins de JavaScript. Experimenta hoy el futuro de la construcción de diseños.

Módulos de demostración EBT Descargar módulos EBT

❗Extra Paragraph Types (EPT) - Nueva experiencia con Paragraphs

Extra Paragraph Types (EPT): conjunto de módulos basado en párrafos de forma análoga.

Módulos de demostración EPT Descargar módulos EPT

Scroll

Drupal y jQuery. Lección 8. Conectando jQuery UI y jQuery UI Tabs en Drupal 7

10/05/2025, by Ivan

Código del archivo:

/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');

Código CSS:

#tabs {
  border: 0px;
}

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

Código HTML dentro de node-product.tpl.php:

<div id="tabs">
  <ul>
    <li>
      <a href="#tabs-1">Descripción</a>
    </li>
    <li>
      <a href="#tabs-2">Características</a>
    </li>
  </ul>

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

  <div id="tabs-2">
    <?php
      print render($content);
    ?>
  </div>
</div>

Primero necesitas crear un módulo personalizado.

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

Ahora debes establecer el peso del módulo custom por encima del de los módulos del núcleo. Para ello, entra a la base de datos con phpMyAdmin y establece el valor weight a 100 o más. Encuentra el registro del módulo en la tabla system:

System db table

Ahora, en el módulo custom puedes añadir librerías de jQuery UI, por ejemplo así:

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

Este código debe colocarse al inicio del archivo del módulo, justo después de la etiqueta de apertura <?php.