📅  最后修改于: 2023-12-03 15:07:49.997000             🧑  作者: Mango
在 Shopware 6 中,Twig(Template Engine) 用于渲染视图。它使用类似于HTML的语法,让我们能够使用数据来动态生成HTML。Twig也支持添加自定义的命令和片段。本文将介绍如何在 Shopware 6 中通过Twig添加一个自定义片段。
在Shopware 6中,你可以按照以下路径创建twig文件:
src/Resources/views/你的Bundle名称/index.html.twig
在上面创建的文件中,添加以下Twig代码:
{% sw_extends '@Storefront/storefront/layout/sidebar.tpl' %}
{% block page_sidebar %}
<h3>Custom Sidebar</h3>
<ul>
<li>Custom menu item</li>
<li>Custom menu item</li>
<li>Custom menu item</li>
</ul>
{% endblock %}
请注意,{% sw_extends '@Storefront/storefront/layout/sidebar.tpl' %}
命令用于扩展默认的门店前端布局模板,并且我们将 page_sidebar
块覆盖,以插入自定义菜单项。
在 Shopware 6 中,你可以使用以下方式在页面中包含Twig代码:
<div class="container">
{% sw_include '@你的Bundle名称/index.html.twig' %}
</div>
此代码将在页面上加载你的Twig代码片段,并将其加入父模板。
完成以上步骤后,您已经成功添加一个自定义的Twig代码片段到Shopware 6中。通过这个步骤,你可以更好地控制和定制你的网站。