{"id":1374,"date":"2023-11-03T08:25:57","date_gmt":"2023-11-03T07:25:57","guid":{"rendered":"https:\/\/wiki.ad-libitum.info\/?page_id=1374"},"modified":"2023-11-03T12:06:16","modified_gmt":"2023-11-03T11:06:16","slug":"theme-erstellen","status":"publish","type":"page","link":"https:\/\/wiki.ad-libitum.info\/?page_id=1374","title":{"rendered":"Theme erstellen"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In der Konsole des entsprechenden Servers <code>bin\/console theme:create<\/code> eingeben. Dann muss der Name f\u00fcr das Theme eingegeben werden. Der Name muss in CamelCase eingegeben werden. Am besten im ersten Teil das Firmenprefix bei Shopware angeben (adlib).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zu finden ist das Theme dann unter <code>custom\/plugins\/AdlibAsm<\/code>. Dort in der <code>composer.json<\/code> ein paar \u00c4nderungen vornehmen:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"487\" height=\"389\" src=\"https:\/\/wiki.ad-libitum.info\/wp-content\/uploads\/Theme-2.png\" alt=\"\" class=\"wp-image-1377\" srcset=\"https:\/\/wiki.ad-libitum.info\/wp-content\/uploads\/Theme-2.png 487w, https:\/\/wiki.ad-libitum.info\/wp-content\/uploads\/Theme-2-300x240.png 300w\" sizes=\"auto, (max-width: 487px) 100vw, 487px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In der Datei <code>src\/Resources\/theme.json<\/code> ist dann auch noch der Autor anzupassen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Aktivieren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Jetzt muss das Theme aktiviert werden. Im Backend des Shops unter <code>Erweiterungen \/ Meine Erweiterungen \/ Themes<\/code> sollte das neue Theme zu finden sein. Dort auf Installieren klicken und anschlie\u00dfend aktivieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anschlie\u00dfend im Verkaufskanal  noch das neue Theme aktivieren. Speichern nicht vergessen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hilfe<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Damit der korrekte anzupassende Block leichter gefunden wird, das Plugin FroshDevelopmentHelper installieren. Dieses f\u00fcgt in den HTML-Quellcode die Namen aller Blocks ein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Um die korrekte Twig-Datei zu erzeugen, in der Konsole den Befehl <code>bin\/console frosh:extend:template PluginName<\/code> eingeben. Anschlie\u00dfend wird nach dem Namen des gew\u00fcnschten Blocks gefragt und die Datei erstellt. Wo sich diese befindet, wird angezeigt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Um das CSS anzupassen, unter <code>src\/Resources\/app\/storefront\/src\/scss<\/code> die Datei <code>base.scss<\/code> bearbeiten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kompilieren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nach \u00c4nderungen am Theme m\u00fcssen diese noch aktiviert werden. Hierf\u00fcr in der Konsole den Befehl <code>bin\/console theme:compile<\/code> eingeben. Eventuell noch den Cache l\u00f6schen (<code>bin\/console cache:clear<\/code>).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Original<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Das Originaltheme findet sich im Verzeichnis <code>vendor\/shopware\/storefront\/Resources\/views\/storefront<\/code>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In der Konsole des entsprechenden Servers bin\/console theme:create eingeben. Dann muss der Name f\u00fcr das Theme eingegeben werden. Der Name muss in CamelCase eingegeben werden. Am besten im ersten Teil das Firmenprefix bei Shopware angeben (adlib). Zu finden ist das Theme dann unter custom\/plugins\/AdlibAsm. Dort in der composer.json ein paar \u00c4nderungen vornehmen: In der Datei [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1374","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wiki.ad-libitum.info\/index.php?rest_route=\/wp\/v2\/pages\/1374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wiki.ad-libitum.info\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wiki.ad-libitum.info\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wiki.ad-libitum.info\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wiki.ad-libitum.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1374"}],"version-history":[{"count":0,"href":"https:\/\/wiki.ad-libitum.info\/index.php?rest_route=\/wp\/v2\/pages\/1374\/revisions"}],"wp:attachment":[{"href":"https:\/\/wiki.ad-libitum.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}