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.
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 %}
Last updated