Templates erweitern

Hier brauchst du HTML und TWIG

In diesem Beispiel wird der Footer des Haupt-Themes mit einem zusätzlichen Container erweitert. Die Vorgehenseise ist exakt die Gleiche, als würdest du ein eigenes Theme für Shopware 6 entwickeln.

Der einzige Unterschied: Die Ordnerstruktur des Haupt-Themes muss hier eingehalten werden, damit die Anpassungen greifen.

Hier ist ein Beispielcode des Footers des Haupt-Themes:

https://github.com/rhwebdesign/RHWebChildThemeTemplate/blob/master/src/Examples/_exampleFooter/_footerMain.html.twig
{% sw_extends '@Storefront/storefront/base.html.twig' %}

{% block base_footer %}
    {% if theme_config('rhweb-footer-activate-newsletter') and theme_config('rhweb-newsletter-position') != 'column' %}
        {% sw_include '@Storefront/storefront/rhweb-custom/snippets/footer/rhweb-newsletter.html.twig' with{
            position: 'footer-above'
        } %}
    {% endif %}
    <footer class="footer-main">
        {% block base_footer_inner %}
            {% sw_include '@Storefront/storefront/rhweb-custom/snippets/footer/rhweb-' ~ theme_config('rhweb-footer-layout-type') ~ '.html.twig' %}
        {% endblock %}
    </footer>
{% endblock %}

Nehmen wir an, du möchtest über dem Footer einen Bereich für Kundenbewertungen einblenden. Dann solltest du in deinem Child-Theme die base.html.twig Datei im "views" Ordner anlegen.

In meiner Child-Theme Vorlage habe ich diese Datei bereits für dich angelegt. Orientiere dich am besten an der Vorlage.

Erweiterung des Footers

Der Block {% block_base_footer %} muss jetzt erweitert werden, also sollte deine base.html.twig nach der Anpassung folgendermaßen aussehen:

https://github.com/rhwebdesign/RHWebChildThemeTemplate/blob/master/src/Examples/_exampleFooter/_footerChild.html.twig
{% sw_extends '@Storefront/storefront/base.html.twig' %}

{% block base_footer %}
    <div class="custom-testimonial-section">
        <!-- Put your content here -->
    </div>
    {{ parent() }} <!-- Parent = Content from Main Theme is loaded -->
{% endblock %}

Nach einer Anpassung solltest du immer den Cache leeren.

Last updated