{"id":4677,"date":"2020-01-13T12:55:29","date_gmt":"2020-01-13T12:55:29","guid":{"rendered":"https:\/\/www.bay20.com\/?p=4677"},"modified":"2025-05-06T18:52:41","modified_gmt":"2025-05-06T13:07:41","slug":"erstellen-sie-also-ein-benutzerdefiniertes-theme-in-shopware6","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/erstellen-sie-also-ein-benutzerdefiniertes-theme-in-shopware6\/","title":{"rendered":"Wie erstellt man ein benutzerdefiniertes Thema in Shopware 6?"},"content":{"rendered":"\n<p>Die Erstellung von <strong><a href=\"https:\/\/www.bay20.com\/shopware-theme-development\/\">benutzerdefinierten Themen in Shopware 6<\/a><\/strong> ist ein einfacher Prozess. Zun\u00e4chst ben\u00f6tigen Sie einen SSH-Zugang und m\u00fcssen sicherstellen, dass die Datei- und Ordnerrechte und -eigent\u00fcmerschaft korrekt eingerichtet sind, dann k\u00f6nnen Sie loslegen.<\/p>\n\n\n\n<p>In Shopware 6 werden sowohl Plugins als auch Themes im Backend unter der Rubrik \u201ePlugins\u201c angezeigt. Um alle Plugins oder Themes zu \u00fcberpr\u00fcfen, gehen Sie zu \u201eEinstellungen\u201c und klicken Sie auf \u201aSystem\u2018 und dann auf \u201ePlugins\u201c. <img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"599\" class=\"wp-image-4682\" style=\"width: 1500px;\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2020\/01\/default-available-plugins.png\" alt=\"\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/default-available-plugins.png 1848w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/default-available-plugins-300x120.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/default-available-plugins-800x319.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/default-available-plugins-768x307.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/default-available-plugins-980x391.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/default-available-plugins-805x321.png 805w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n\n\n\n<p>Gehen Sie zun\u00e4chst \u00fcber die Befehlszeile zum Shopware-Stammverzeichnis und befolgen Sie die Schritte zum Erstellen eines Themas in Shopware 6.<\/p>\n\n\n\n<p><strong>Schritt 1:<\/strong> F\u00fchren Sie \u201aphp bin\/console theme:create Bay20Theme\u2018 aus. Wo \u201aBay20Theme\u2018 ist ein Thema Name, stellen Sie sicher, dass ein Pr\u00e4fix Ihres Unternehmens dann Thema Namen hinzuf\u00fcgen, was auch immer Sie wollen derzeit bin ich mit \u201eTheme\u201c.<\/p>\n\n\n\n<p>Wenn der Befehl erfolgreich ausgef\u00fchrt wurde, gibt er die Meldung \u201aCreating theme structure under \/opt\/bitnami\/apps\/shopware\/htdocs\/custom\/plugins\/Bay20Theme\u2018 zur\u00fcck und Sie k\u00f6nnen den Ordner \u201acustom\/plugins\/Bay20Theme\u2018 \u00fcberpr\u00fcfen<\/p>\n\n\n\n<p><strong>Schritt 2:<\/strong> Pr\u00fcfen Sie nun die Datei \u201ecomposer.json\u201c im Ordner \u201ecustom\/plugins\/Bay20Theme\u201c und aktualisieren Sie die Beschreibung des Namens und die<br>Etikett f\u00fcr unterschiedliche Sprachwerte.<\/p>\n\n\n\n<pre>{\n  \"name\": \"bay20\/theme\",\n  \"description\": \"Bay20 Theme development\",\n  \"type\": \"shopware-platform-plugin\",\n  \"license\": \"MIT\",\n  \"autoload\": {\n    \"psr-4\": {\n      \"Bay20Theme\\\\\": \"src\/\"\n    }\n  },\n  \"extra\": {\n    \"shopware-plugin-class\": \"Bay20Theme\\\\Bay20Theme\",\n    \"label\": {\n      \"de-DE\": \"Theme Bay20Theme plugin\",\n      \"en-GB\": \"Theme Bay20Theme plugin\"\n    }\n  }\n}\n<\/pre>\n\n\n\n<p><strong>Schritt 3: <\/strong>Name und Autor in \u201atheme.json\u2018 aktualisieren<\/p>\n\n\n\n<pre>{\n  \"name\": \"Bay20Theme\",\n  \"author\": \"Bay20\",\n  \"views\": [\n     \"@Storefront\",\n     \"@Plugins\",\n     \"@Bay20Theme\"\n  ],\n  \"style\": [\n    \"@Storefront\",\n    \"app\/storefront\/src\/scss\/base.scss\"\n  ],\n  \"script\": [\n    \"@Storefront\",\n    \"app\/storefront\/dist\/storefront\/js\/bay20-theme.js\"\n  ],\n  \"asset\": [\n    \"app\/storefront\/src\/assets\"\n  ]\n}\n<\/pre>\n\n\n\n<p><strong>Schritt 4:<\/strong> Sobald alles aktualisiert ist, k\u00f6nnen Sie Ihr Thema unter \u201eEinstellungen\u201c und \u201ePlugins\u201c \u00fcberpr\u00fcfen.<\/p>\n\n\n\n<p><strong>Schritt 5:<\/strong> Jetzt k\u00f6nnen Sie das Theme \u00fcber das Backend installieren und aktivieren. Sie k\u00f6nnen ein Theme nicht aktivieren, ohne es zu installieren.<img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"597\" class=\"wp-image-4678\" style=\"width: 1500px;\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2020\/01\/activate-and-install-theme.png\" alt=\"\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/activate-and-install-theme.png 1479w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/activate-and-install-theme-300x119.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/activate-and-install-theme-800x319.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/activate-and-install-theme-768x306.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/activate-and-install-theme-980x390.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/activate-and-install-theme-805x321.png 805w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n\n\n\n<p><strong>Schritt 6: <\/strong>Gehen Sie zum Shop-Bereich, um das Thema der Website zuzuweisen, indem Sie auf \u201eThema \u00e4ndern\u201c klicken.<img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"536\" class=\"wp-image-4683\" style=\"width: 1500px;\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2020\/01\/change-theme.png\" alt=\"\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/change-theme.png 1795w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/change-theme-300x107.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/change-theme-800x286.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/change-theme-768x274.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/change-theme-980x350.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2020\/01\/change-theme-805x287.png 805w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n\n\n\n<p><strong>Hinweis: L\u00f6schen Sie den Cache, um die \u00c4nderungen im Frontend zu sehen.<\/strong><\/p>\n\n\n\n<p>F\u00fcr jegliche Unterst\u00fctzung zu Shopware senden Sie uns bitte eine E-Mail an <a href=\"mailto:manish@bay20.com\">manish@bay20.com<\/a> oder Whatsapp an <a href=\"tel:+91-8800519180\" title=\"tel:+91-8800519180\">+91-8800519180<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die Erstellung von benutzerdefinierten Themen in Shopware 6 ist ein einfacher Prozess. Zun\u00e4chst ben\u00f6tigen Sie einen SSH-Zugang und m\u00fcssen sicherstellen, dass die Datei- und Ordnerrechte und -eigent\u00fcmerschaft korrekt eingerichtet sind, dann k\u00f6nnen Sie loslegen. In Shopware 6 werden sowohl Plugins als auch Themes im Backend unter der Rubrik \u201ePlugins\u201c angezeigt. Um alle Plugins oder Themes [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":4681,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[78,91],"tags":[],"class_list":["post-4677","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopware","category-shopware-6-anleitungen"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/4677","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\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=4677"}],"version-history":[{"count":7,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/4677\/revisions"}],"predecessor-version":[{"id":16789,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/4677\/revisions\/16789"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/4681"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=4677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=4677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=4677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}