Twig content_element/gallery

[Monique Hahnefeld]

Hi. Kann mir da wir hier beim Thema Twig sagen wie ich eine CSS-Klasse an die Li-Tags der Gallery bekomme? Folgendes habe ich probiert und es funktioniert leider nicht. An das Ul-Tag hab ich eine CSS-Klasse dran bekommen aber eben nicht an die Li-Tags =)

Das ist mein jetziges Template:

{% extends "@Contao/content_element/gallery.html.twig" %}

{#
  ** Add changes to the base template here. **

  Hint: Try adjusting blocks and attributes instead of
  overwriting the whole template. This way your version
  can remain compatible with future changes to the base
  template as well as adjustments made by extensions.

  Currently available blocks:
    "list_component", "list", "list_attributes",
    "list_item_attributes", "list_item", "pagination",
    "list_script", "pagination_script_show_element",
    "pagination_script_activate_selector",
    "picture_component", "image", "sources", "source",
    "schema_org", "figure_component", "media",
    "media_link", "caption", "caption_inner",
    "content", "headline_component",
    "headline_attributes", "headline_inner",
    "wrapper", "wrapper_tag", "attributes", "inner",
    "metadata", "style", "script"

  Example:#}
    {% block list_component %}
      {% set list_attributes = attrs(list_attributes|default).addClass('row')%}
      {{parent()}}

    {% endblock %}
       {% block list_item %}
 
       {% set list_item_attributes = attrs(list_item_attributes|default).addClass('col-6 col-md-4')%}
 
      {{parent()}}

    {% endblock %}

Das hier habe ich auch schon versucht:

{% extends "@Contao/content_element/gallery.html.twig" %}


    {% block list_component %}
      {% set list_attributes = attrs(list_attributes|default).addClass('row')%}
       {% set list_item_attributes = attrs(list_item_attributes|default).addClass('col-6 col-md-4')%}
 
      {{parent()}}

    {% endblock %}

[Monique Hahnefeld]

Mich wundert zwar das das hier

  {% set list_item_attributes = attrs(list_item_attributes|default).addClass('row')%}

nicht greift aber ich habe eine Lösung gefunden

   {% block list_component %}
 {% set list_attributes = attrs(list_attributes|default).addClass('row')%}
{{parent()}}
    {% endblock %}
     {% block list_item_attributes %}
    class="col-6 col-md-4"
 {{parent()}}
     {% endblock %}

[derRenner]

Für Nachleser eine weitere Möglichkeit:

{% extends "@Contao/content_element/gallery.html.twig" %}

{% block list_attributes %}
    {# add class to <ul> #}
    {{ parent() }} class="grid-container"
{% endblock %}

{% block list_item_attributes %}
    {# add class to <li> #}
    {{ parent() }} class="grid-item"
{% endblock %}