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

1.10 Colorbox: Crear una galería de fotos simple en Drupal

03/05/2025, by Ivan

A menudo en un sitio web es necesario mostrar imágenes en una ventana emergente (popup). Para esto, en Drupal existe un módulo muy popular llamado Colorbox:

https://www.drupal.org/project/colorbox

composer require drupal/colorbox

drush en colorbox

Después de la instalación, debemos ir a la carpeta del módulo, buscar el archivo README.txt y encontrar un enlace a la librería de Colorbox:

/web/modules/contrib/colorbox

leer readme

colorbox

Después de descargarla, debes descomprimirla y renombrar la carpeta colorbox-master a colorbox y colocarla en el directorio libraries que se encuentra en la raíz del sitio. Si no existe esa carpeta, créala manualmente.

colorbox en libraries

Supongamos que tienes un tipo de contenido llamado Galería con un campo múltiple de imágenes. Vamos a configurar Colorbox para este campo desde la pestaña Gestionar presentación:

gestionar presentación

También tenemos disponibles diversas configuraciones de visualización:

configuraciones de formato

Yo las dejé por defecto, pero puedes adaptarlas según tus necesidades. También puedes modificar la configuración general desde la página de ajustes del módulo:

configuración colorbox

Luego, agregué una página del tipo Galería para subir algunas fotos:

galería

Así es como se ve cuando haces clic en una imagen:

imagen emergente

Si colocas las imágenes en una sola línea y agregas margen entre ellas, el resultado visual será mucho mejor.