Extend Templates

Here you need HTML and TWIG

In this example, the footer of the main theme is extended with an additional container. The procedure is exactly the same as if you were developing your own theme for Shopware 6.

The only difference: The folder structure of the main theme must be adhered to here for the customizations to take effect.

Here is a sample code of the footer of the main theme:

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

Let's assume you want to display an area for customer reviews above the footer. Then you should create the base.html.twig file in the views folder in your child theme.

I have already created this file for you in my child theme template. It's best to use the template as a guide.

Extension of the Footer

The block {% block base_footer %} must now be extended, so your base.html.twig should look like this after customization:

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

You should always clear the cache after a customization.