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:
{% 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.
Der Block
{% block_base_footer %} muss jetzt erweitert werden, also sollte deine base.html.twig nach der Anpassung folgendermaßen aussehen:{% sw_extends '@Storefront/storefront/base.html.twig' %}
{% block base_footer %}
<div class="custom-testimonial-section">
// Hier kannst du den Inhalt einpflegen
</div>
{{ parent() }} // Hier wird der Inhalt des Haupt-Themes geladen
{% endblock %}
Nach einer Anpassung solltest du immer den Cache leeren.