Pasar al contenido principal

Imprimir imagen de fondo en un template usando variables Twig

Descripción

Este código te imprimirá el valor del campo imagen dentro de la plantilla.

Instrucciones

  1. Crea un contenido y añade el campo del tipo imagen con la imagen que quieres utilizar como fondo

  2. Activa el modo desarrollador para saber el nombre de la plantilla que quieres modificar

  3. añade el código que está debajo y actualiza el nombre del campo para obtener el resultado.

Código

{# Declaramos la variable con el valor del campo en nuestra plantilla #}

{% set background_image = node.yourimage_field|striptags|trim %}

<div style="background-image:url({{ background_image }});">
     <p>Nuestro contenido irá aqui</>
</div>

Copiar