Override views--view-fields Twig für Bootstrap Cards
am 20.05.2021 - 22:20 Uhr in
Hallo zusammen,
ich versuche nun schon seit einigen Tagen einen Weg zu finden mit einer eigenen View eine Ausgabe für Bootstrap-Cards mit einem integrieren Carousel zu bauen, jedoch scheitere ich (vermutlich am
Ich habe einen Block mit einer Custom View angelegt mit dem Systemnamen "related_recipes". Das Format der View ist unformatierte Liste und die enthaltenen Felder sind wie folgt:
- Bild (Media-Entity)
- Titel (Text)
- Bewertung (Voting-API)
- Beschreibung (Text)
- Link (Link zu Content)
Über views-view-unformatted--related-recipes--block-1.html.twig kann ich auch die Ausgabe überschreiben und habe damit auch die Grundstruktur für Bootstrap-Cards. Die Ausgabe sieht wie folgt aus:
{% for key,row in rows %}
<div{{ row.attributes.addClass(row_classes) }}>
<div class="card h-100">
<picture class="card-media-wrapper">{{ view.style_plugin.getField(key, 'field_recipe_media') }}</picture>
<div class="card-body">
<h3 class="card-title">{{ view.style_plugin.getField(key, 'title') }}</h3>
<div class="card-recipe-rating">{{ view.style_plugin.getField(key, 'field_recipe_rating') }} </div>
<p class="card-text">{{ view.style_plugin.getField(key, 'field_recipe_summary') }}</p>
</div>
<div class="card-footer"><a href="{{ view_node }}" class="btn btn-primary">Zum Rezept</a></div>
</div>
</div>
{% endfor %}
Hätte ich nun auch nur ein einzelnes Bild, das ich ausgeben möchte, wäre auch alles gut. Jedoch ist das Feld field_recipe_media eine Media-Entität und kann mehrere Bilder enthalten, die ich dann in einem Bootstrap-Carousel ausgeben möchte. Hier komme ich leider nicht wirklich weiter. Ich müsste in views-view-field--related-recipes--block-1--field-recipe-media.html.twig irgendwie auf die einzelnen Werte der Bilder zugreifen können damit ich die HTML-Struktur für das Carousel ausgeben kann. Jedoch erhalte ich nur eine Ausgabe über
{{ output -}}
Sämtliche Versuche über eine For-Loop und {{ item.content }} eine Ausgabe zu erzeugen haben nicht geklappt.
Hat jemand einen Tipp wie hier die Syntax lauten muss bzw. wie ich das Ganze angehen kann?
Viele Grüße
Markus
- Anmelden oder Registrieren um Kommentare zu schreiben
Neue Kommentare
vor 10 Stunden 37 Minuten
vor 10 Stunden 41 Minuten
vor 5 Tagen 4 Stunden
vor 5 Tagen 6 Stunden
vor 5 Tagen 6 Stunden
vor 5 Tagen 6 Stunden
vor 6 Tagen 4 Stunden
vor 6 Tagen 6 Stunden
vor 1 Woche 2 Stunden
vor 1 Woche 20 Stunden