design

design

Gutenberg

      Aunque en mi opinión, una de las cosas que me enamoró de Drupal en cuanto lo conocí, es la posibilidad de manipular, personalizar y saber encontrar, prácticamente dónde y cuando ocurren la mayoría de sus funcionalidades, entiendo que el objetivo principal de cualquier herramienta de desarrollo, debería ser facilitarnos la vida, además de ofrecernos grandes posibilidades a nuestro alcance.

Cursos Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

Colorbox

  El módulo Colorbox nos ofrece la oportunidad de mostrar imágenes dentro de un Popup con navegador integrado en el caso de que tengamos varias imágenes asociadas al campo que lo utiliza.

Podremos utilizarlo en un campo tipo imagen de cualquier contenido o dentro de una vista.

Cómo instalar y configurar el módulo:

Paso 1 - Descargar el módulo:

Cursos Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

¿Cómo imprimir el logo de drupal en una plantilla twig?

Este código te permitirá imprimir el logo y el nombre del sitio utilizando en cualquier página de Drupal 8 y 9, recuerda que si necesitas utilizarlo en otro contenido que no sea una página, entonces la preprocess_function() deberá corresponderse con ese tipo de contenido.

Imprime una imagen sin nada más en el template

Este código imprime en la plantilla, la imagen del campo TIPO IMAGEN para poder utilizarla como fondo dentro de un <div></div>

Imprime la url de una imagen desde Media en Twig

Este código imprime en una plantilla paragraphs.html.twig el campo "field_section_hero_image", configurado con el módulo media para subir las imágenes, en lugar de un campo imagen normal de Drupal 8.

Imprime imagen en una views template

Este código te permite acceder a la url de la imagen e imprimirla desde una plantilla tipo views-field

Como imprimir mensajes en Drupal 9

$this->messenger() te permitirá imprimir en pantalla tus mensajes al ejecutar algo de código en tus desarrollos con Drupal 8 o 9

/* Con este ejemplo, al ejecutar el método submitForm en tu formulario personalizado, podrás pasar como parámetro los campos de tu formulario formando parte del mensaje. */

 

/**
 * {@inheritdoc}
*/

public function submitForm(array &$form, FormStateInterface $form_state) {
  $this->messenger()->addStatus($this->t('Su número es @number', ['@number' => $form_state->getValue('numero_telefono')]));}

}

Cómo añadir animaciones con css en tema personalizado

Para hacer tus webs más atractivas, una de las alternativas es el uso de animaciones, en Drupal puedes añadir librerías externas siguiendo los siguientes pasos.

Cambiar texto boton Add to cart Drupal 8 Commerce

Este código te permitirá modificar el texto que aparece por defecto en el botón de Añadir al carrito o Add to Cart de Drupal 8 Commerce, utilizando tu propio módulo personalizado.

Cambiar formato de fecha en plantilla Twig Drupal 8

Para cambiar el formato por defecto de un campo fecha en una plantilla twig ...