Accordion / Colorbox / Tablesort / Slider in Twig-Layout

{% extends '@Contao/page/layout.html.twig' %}

{% block end_of_head %}
    {{ parent() }}
    <script src="{{ asset('js/jquery.js', 'contao-components/jquery') }}"></script>
{% endblock %}

{% block body %}
    {{ parent() }}
    {{ include('@Contao/j_accordion') }}
    {{ include('@Contao/j_colorbox') }}
    {{ include('@Contao/j_tablesort') }}
    
    {{ include('@Contao/js_slider') }}
    {{ include('@Contao/js_autofocus') }}
{% endblock %}

Natürlich auch einzeln möglich. Im obigen Beispiel wurde noch js_autofocus.html.twig hinzugefügt.

In den Zeilen oben wurden diese ohne die Endung ".html.twig" eingebunden. Es geht auch mit der Endung. Ohne Endung unterstützt dadurch, das jemand eine Anpassung machen könnte mit einem html5 Template statt Twig. Aber das sollte man nicht tun, wenn man schon auf Twig Layout umgestellt hat :-)

Quelle: Forum