it-swarm.com.de

So zeigen Sie ein Bild in einem Bildstil an

Ich erstelle ein benutzerdefiniertes twig für meinen Knoten 1 als Knoten - 1.twig.html.

Hier zeige ich das im Knoten hochgeladene Bild als

<div class="diversity-image">
    {{ set image = content.field_main_image|merge({'#style_name': 'header_image'}) }}
    {{ image }}
</div>

Aber es gibt mir nicht das Bild dieses Bildstils, header_image.

Wie mache ich das im Zweig?

6

In twig können Sie nur die oberste Ebene eines Arrays zusammenführen. Sie benötigen also zwei Schritte: Rufen Sie zuerst das Bild aus dem Inhaltsarray ab und überschreiben Sie dann #image_style.

node.html.twig

{% set image = content.field_image.0 %}
{% set image = image|merge({'#image_style': 'thumbnail'}) %}

Sie können das Bild jetzt ein zweites Mal im geänderten Bildstil anzeigen:

{{ image }}
4
4k4

In Zweig können wir den Weg bekommen -

<img src="{{ node.FIELD-IMAGE-NAME.entity.uri.value | image_style('news_image_full_width') }}" alt="">
0
Wasim Khan