Pasar al contenido principal

Imprime imagen fondo para un bloque

Descripción

Este código te permitirá utilizar una imagen desde un campo TIPO IMAGEN como fondo de un div que podrás añadir a cualquier plantilla.

Instrucciones

  1.  Creamos un bloque personalizado con el campo TIPO IMAGEN.
     
  2. Activamos el MODO DESARROLLADOR de drupal para conocer el nombre de la plantilla que modificará el bloque
     
  3. Creamos el bloque y lo activamos desde el menú Estructura/Bloques para que aparezca dónde lo queremos.
     
  4.  Copiamos la plantilla sugerida y añadimos el código que está debajo.

Código

{# Cambia el nombre del campo por el que has creado #}

<div class="row fondo-quienes" style="background-image: url('{{ file_url(content.field_imagen_fondo_bloque['#items'].entity.uri.value) }}');">
      <p>{content.field_texto_personalizado}</p>
</div>

Copiar