{"id":11305,"date":"2022-07-21T23:14:19","date_gmt":"2022-07-21T23:14:19","guid":{"rendered":"https:\/\/www.bay20.com\/?p=11305"},"modified":"2025-05-17T15:37:23","modified_gmt":"2025-05-17T09:52:23","slug":"wie-um-die-zwei-datei-in-shopware-6-zu-uberschreiben","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/wie-um-die-zwei-datei-in-shopware-6-zu-uberschreiben\/","title":{"rendered":"Wie \u00fcberschreibt man die Twig-Datei in Shopware 6?"},"content":{"rendered":"\n<p>Wir werden die Standarddatei von Shopware 6 in einem benutzerdefinierten Thema \u00fcberschreiben. Um die Twig-Datei in Shopware 6 zu \u00fcberschreiben, folgen Sie den unten stehenden Anweisungen.<\/p>\n\n\n\n<p>Shopware 6 verwendet die Twig-Vorlage f\u00fcr Storefront. Suchen Sie die Vorlage, die Sie in Ihrem Thema erweitern m\u00f6chten. Ich \u00fcberschreibe die Datei \u201elogin.html.twig\u201c in einem Theme und \u00e4ndere den <strong>Login<\/strong>-Text auf der Login-Seite.<\/p>\n\n\n\n<p>Sie m\u00fcssen die spezifische Twig-Datei finden und die Datei in ein Thema \u00fcberschreiben. Navigieren Sie nun die Datei in ein Themenverzeichnis.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>custom\/plugins\/Yourtheme\/src\/Resources\/views\/storefront\/component<\/code><\/pre>\n\n\n\n<p>Erstellen Sie nun die exakte Verzeichnisstruktur in Ihrem Thema, beginnend mit den Ansichten (des Schaufensters) und erstellen Sie eine Vorlagendatei mit dem gleichen Namen wie die Originaldatei.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"354\" height=\"180\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2022\/07\/image-18.png\" alt=\"\" class=\"wp-image-11307\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2022\/07\/image-18.png 354w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2022\/07\/image-18-300x153.png 300w\" sizes=\"auto, (max-width: 354px) 100vw, 354px\" \/><\/figure>\n\n\n\n<p>Sie k\u00f6nnen die urspr\u00fcngliche Vorlage \u00fcberschreiben, indem Sie ihre Bl\u00f6cke \u00fcberschreiben, aber in der Zeile der Datei m\u00fcssen Sie den folgenden Code schreiben.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{% sw_extends \u2018@Storefront\/component\/account\/login.html.twig\u2019 %}<\/code><\/pre>\n\n\n\n<p>Suchen Sie den Block in der \u00fcbergeordneten Twig-Datei, den Sie \u00fcberschreiben m\u00f6chten, und f\u00fcgen Sie denselben Block in Ihre benutzerdefinierte Twig-Datei ein.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"629\" height=\"123\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2022\/07\/image-19.png\" alt=\"\" class=\"wp-image-11308\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2022\/07\/image-19.png 629w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2022\/07\/image-19-300x59.png 300w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/figure>\n\n\n\n<p><strong>Sie k\u00f6nnen die Funktion parent() verwenden, um den urspr\u00fcnglichen Inhalt des Blocks zu erhalten, und dann k\u00f6nnen wir unseren eigenen Inhalt hinzuf\u00fcgen. Beispiel:- \u201ecomponent_account_login_custom_text\u201c<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"422\" height=\"116\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2022\/07\/image-20.png\" alt=\"\" class=\"wp-image-11309\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2022\/07\/image-20.png 422w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2022\/07\/image-20-300x82.png 300w\" sizes=\"auto, (max-width: 422px) 100vw, 422px\" \/><\/figure>\n\n\n\n<p>Nachdem Sie die Datei \u00fcberschrieben haben, m\u00fcssen Sie den Cache Ihres Shops leeren.<\/p>\n\n\n\n<p><strong>Ergebnis<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"455\" height=\"270\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2022\/07\/image-22.png\" alt=\"\" class=\"wp-image-11311\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2022\/07\/image-22.png 455w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2022\/07\/image-22-300x178.png 300w\" sizes=\"auto, (max-width: 455px) 100vw, 455px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"341\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2022\/07\/image-21.png\" alt=\"\" class=\"wp-image-11310\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2022\/07\/image-21.png 440w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2022\/07\/image-21-300x233.png 300w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><\/figure>\n\n\n\n<p><strong>Bitte kontaktieren Sie uns unter <strong><a href=\"mailto:manish@bay20.com\">manish@bay20.com<\/a><\/strong> oder rufen Sie uns unter <strong><a href=\"https:\/\/api.whatsapp.com\/send?phone=+918800519180&amp;text=Hi, I contacted you through your website.\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"+91-8800519180\">+91-8800519180<\/a><\/strong> an, wenn Sie Unterst\u00fctzung im Zusammenhang mit Shopware ben\u00f6tigen. Sie k\u00f6nnen auch die <strong><a href=\"https:\/\/www.bay20.com\/de\/shopware-entwicklungsunternehmen\/\" title=\"Shopware development\">Shopware<strong>-Entwicklungsseite<\/strong><\/a><\/strong> besuchen, um die von uns angebotenen Dienstleistungen zu pr\u00fcfen.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are going to override the shopware 6 default file in a custom theme. To override the twig file in shopware 6 follows the below instructions.<\/p>\n","protected":false},"author":74,"featured_media":11316,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[78,115,91],"tags":[],"class_list":["post-11305","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopware","category-shopware-6","category-shopware-6-anleitungen"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/11305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/74"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=11305"}],"version-history":[{"count":6,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/11305\/revisions"}],"predecessor-version":[{"id":17158,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/11305\/revisions\/17158"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/11316"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=11305"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=11305"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=11305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}