Twig Template Vars anpassen und ausgeben

Kurz mal meine persönliche Meinung: Ich glaube der Umstieg auf TWIG ist für viele Contao Nutzer ein harter Brocken. Selbst ich als Entwickler, der die Dokumentation gelesen hat, hab massive Probleme mit den Twig Templates. Und das Forum ist ja voll von Anfragen bzgl. der Umsetzung...Contao soll nicht schwerer für alle werden, sondern einfacher!

Nun das Problem:
Wir setzen auf eine reine CSS Navigation ohne Javascript, die ein- und ausgeblendet wird.
Nun müssen wir mittels Twig Template auch hier die Menübutton anpassen, da bei "index" ein Neuladen der Seite durchgeführt wird, welches unterdrückt werden soll.
Folgender Code wird verwendet:

Code:

---

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

{% if data.imageUrl == 'index/#top' %}
  {% set data.imageUrl = "/#top" %}
{% endif %}

{% if data.imageUrl == 'index/#not' %}
  {% set data.imageUrl = '/#not' %}
{% endif %}

{% block picture_component %}
  {{ parent() }}
{% endblock %}

---

Leider wirft das System einen "Unexpected token "punctuation" of value "." ("end of statement block" expected)" Fehler aus, was ich gar nicht nachvollziehen kann.
Was habe ich vor? Ich möchte den Bildlink einfach so anpassen, dass das "index" durch nichts ersetzt wird.

Zitat:

---

Zitat von marcfunk

Kurz mal meine persönliche Meinung: Ich glaube der Umstieg auf TWIG ist für viele Contao Nutzer ein harter Brocken. Selbst ich als Entwickler, der die Dokumentation gelesen hat, hab massive Probleme mit den Twig Templates. Und das Forum ist ja voll von Anfragen bzgl. der Umsetzung...Contao soll nicht schwerer für alle werden, sondern einfacher!

Nun das Problem:
Wir setzen auf eine reine CSS Navigation ohne Javascript, die ein- und ausgeblendet wird.
Nun müssen wir mittels Twig Template auch hier die Menübutton anpassen, da bei "index" ein Neuladen der Seite durchgeführt wird, welches unterdrückt werden soll.

---

Ich verstehe nicht ganz was Deine Einleitung mit Deinem Problem zu tun hat. Und auch nicht was das gepostete Template mit der Navigation zu tun hat.
Noch sind im Core nur die Inhaltselemente Twig-Templates und bei den Modulen kannst Du ohne weiteres weiter mit den html5 Templates arbeiten.

Zitat:

---

Zitat von marcfunk

Folgender Code wird verwendet:

Code:

---

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

{% if data.imageUrl == 'index/#top' %}
  {% set data.imageUrl = "/#top" %}
{% endif %}

{% if data.imageUrl == 'index/#not' %}
  {% set data.imageUrl = '/#not' %}
{% endif %}

{% block picture_component %}
  {{ parent() }}
{% endblock %}

---

Leider wirft das System einen "Unexpected token "punctuation" of value "." ("end of statement block" expected)" Fehler aus, was ich gar nicht nachvollziehen kann.
Was habe ich vor? Ich möchte den Bildlink einfach so anpassen, dass das "index" durch nichts ersetzt wird.

---

Alle Anpassungen müssen m.E. in den zur Verfügung stehenden Blöcken gemacht werden. Du hast Anpassungen außerhalb eines Blocks.

Ich hatte bereits die if Abfragen im block picture_component eingefügt - auch da erscheint das gleiche Problem.

Auch wenn jetzt noch html5 genutzt werden kann - ab C6 soll ja nur noch Twig vorhanden sein - also muss man sich zwangsläufig damit nun mal befassen.

Poste dein aktuelles Template und den kompletten Stack Trace.

Das setzen eines Array Elements geht m.W. in Twig so nicht. Du könntest aber vielleicht

Code:

---

{% set fixedImageUrl = data.imageUrl %}

{% if data.imageUrl == 'index/#top' %}
  {% set fixedImageUrl = "/#top" %}
{% endif %}

---

Verwenden und dann an den entsprechenden Stellen fixedImageUrl einsetzen.

Hi. Kann mir da wir hier beim Thema Twig sind 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:

Code:

---

{% 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:

Code:

---

{% 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 %}

---