{"id":9836,"date":"2018-03-13T15:00:31","date_gmt":"2018-03-13T14:00:31","guid":{"rendered":"https:\/\/www.gambio.de\/blog\/?p=9836"},"modified":"2018-03-13T15:07:38","modified_gmt":"2018-03-13T14:07:38","slug":"gambio-tutorials-aenderungen-demoshop-templates","status":"publish","type":"post","link":"https:\/\/www.gambio.de\/blog\/gambio-tutorials-aenderungen-demoshop-templates\/","title":{"rendered":"Gambio Tutorials: \u00c4nderungen bei der Einbindung der Demoshop-Templates"},"content":{"rendered":"

Hallo zusammen! Auch bei der Entwicklung der Demoshop-Templates macht der Fortschritt nicht halt und so m\u00f6chte ich heute einmal dar\u00fcber berichten, was sich mit den Design-Paketen f\u00fcr die Versionen GX3 v3.8.x und GX3 v3.9.x ge\u00e4ndert hat. Es handelt sich bei diesem Artikel also um eine kleine Erg\u00e4nzung unseres Blogposts zum Einbinden der Templates im eigenen Shop<\/a>.<\/p>\n

\n\n

Grunds\u00e4tzliches<\/h2>\n

Ab der Version GX3 v3.8.x verwenden die Demoshop-Design-Pakete die neue GXModules-Struktur und die seit der Version GX3 v3.7.x integrierten Smarty-Bl\u00f6cke. Alle Anpassungen an den Template-Dateien befinden sich nun zentral gesammelt und \u00fcbersichtlich an einem Platz.<\/p>\n

Ein ausf\u00fchrliches Tutorial zum Arbeiten mit Smarty-Bl\u00f6cken ist bereits in Planung, eine etwas k\u00fcrzer gehaltene Erkl\u00e4rung dazu findet ihr hier<\/a>.<\/p>\n

Kleine Ausnahme sind f\u00fcr die Version v3.8.x noch die SCSS-Dateien: Diese m\u00fcssen wie bisher noch in das Honeygrid-Verzeichnis kopiert werden. In GX3.8.x kann CSS aus dem GXModules Ordner geladen werden, mit Version GX3.9.x haben wir aber auch Unterst\u00fctzung f\u00fcr das noch m\u00e4chtigere SCSS hinzugef\u00fcgt.<\/p>\n

Vereinfacht erkl\u00e4rt kann sich SCSS ansehen wie andere Bereiche aussehen und daraus Informationen f\u00fcr sich selbst \u00fcbernehmen. Wenn dann zum Beispiel ein schwarzer Hintergrund im Shop eingef\u00fcgt werden soll, k\u00f6nnen per SCSS Dinge definiert werden wie: Verwende die Hintergrundfarbe f\u00fcr meinen neuen Bereich, die sonst auch \u00fcberall verwendet wird. Weil das ziemlich clever ist und vielfach vermeidet, Dinge mehrfach definieren zu m\u00fcssen, verwenden wir das auch in unseren Demoshop-Templates.<\/p>\n

Vorteile<\/h2>\n

Durch die \u00dcberf\u00fchrung in das GXModules-System und der Verwendung von Smarty-Bl\u00f6cken ergibt sich ein wahnsinnig gro\u00dfer Vorteil f\u00fcr euch, wenn ihr die Demoshop-Designs mal ausprobieren wollt: Ihr k\u00f6nnt das Paket einfach in euer GXModules-Verzeichnis laden, importiert den Style per Oberfl\u00e4che in StyleEdit3, leert den Shopcache und seht sofort was passiert.<\/p>\n

Genauso einfach ist die R\u00fcckg\u00e4ngigmachung. Standardstil im Styleedit laden, Dateien aus GXModules entfernen, Cache leeren, alter Zustand.<\/p>\n

Wollt ihr auf ein anderes Paket wechseln? Kein Problem! L\u00f6scht einfach das vorhandene Paket, ladet das neue hoch, importiert den zugeh\u00f6rigen Style und leert den Cache. Schon seid ihr auch hier fertig und ihr habt s\u00e4mtliche Anpassungen aus dem gew\u00fcnschten Demoshoptemplate aktiv.<\/p>\n

Beim Anpassen der Designs nach euren eigenen Vorstellungen habt ihr es durch die Verwendung der Smarty-Bl\u00f6cke auch einfacher als bisher. Hierdurch entf\u00e4llt n\u00e4mlich das \u00dcberpr\u00fcfen von kompletten Dateien nach einem Update, ob denn noch alle Anpassungen funktionieren. Ihr braucht nur noch den von euch angepassten, viel kleineren Smarty-Block zu \u00fcberpr\u00fcfen und gegebenenfalls anpassen, sollte sich mal etwas an einem solchen ge\u00e4ndert haben.<\/p>\n

Dar\u00fcber hinaus habt ihr mit der Verwendung der Smarty-Bl\u00f6cke zum Erm\u00f6glichen eurer Anpassungen den Vorteil, dass die \u00c4nderungen besser sichtbar sind als vorher, denn eine angepasste Datei muss nur noch die Bl\u00f6cke enthalten, die ihr auch ver\u00e4ndert habt.<\/p>\n

Vorgehen zum Einbau<\/h2>\n

Wie weiter oben bereits angemerkt gibt es noch kleinere Unterschiede beim Einbau der Demoshop-Designs, je nach verwendeter Shopversion:<\/p>\n

GX3 v3.8.x<\/h3>\n

Um die Anpassungen an den Template-Dateien zu \u00fcbernehmen, ladet euch den GXModules-Ordner des gew\u00fcnschten Designs in euren Shop. Anschlie\u00dfend ladet ihr die SCSS-Dateien in den Ordner templates\/Honeygrid\/styles\/custom eures Shops.<\/p>\n

Ansonsten unterscheidet sich das Vorgehen nicht von dem, welches hier<\/a> beschrieben worden ist.<\/p>\n

GX3 v3.9.x<\/h3>\n

Hier habt ihr es noch einfacher als in der Version GX3 v3.8.x, denn hier m\u00fcsst ihr nur noch den GXModules-Ordner mit eurem gew\u00fcnschten Design in euren Shop hochladen. Anschlie\u00dfend kann alles weitere wie hier beschrieben<\/a> durchgef\u00fchrt werden.<\/p>\n

Von einer \u00e4lteren Version updaten<\/h3>\n

Hier wirds ein bisschen kniffelig, denn ihr m\u00fcsst nun erst einmal die alten Anpassungen, die in Form von <name-der-datei>-USERMOD.html-Dateien im Templateordner vorliegen, von eurem Server l\u00f6schen. Wenn ihr in diesen Dateien noch zus\u00e4tzliche Anpassungen vorgenommen habt, sichert euch diese unbedingt, damit ihr diese in das neue System \u00fcberf\u00fchren k\u00f6nnt.<\/p>\n

Habt ihr die alten Dateien entfernt, k\u00f6nnt ihr die neuen wie oben beschrieben in euren Shop laden und dann eure eigenen zus\u00e4tzlichen Anpassungen wieder \u00fcbernehmen. Anschlie\u00dfend seid ihr dann wieder auf einem aktuellen und flexiblen Stand, mit dem sich einfach weiterarbeiten l\u00e4sst. \ud83d\ude09<\/p>\n

\n
\n

F\u00fcr aktuelle News aus der Welt des E-Commerce folge uns bei Twitter<\/strong> <\/a><\/p>\n

Selbstverst\u00e4ndlich findest du uns auch bei Facebook<\/strong> <\/a><\/p>\n<\/div>\n

Erstelle mit Gambio ganz einfach noch heute deinen eigenen Onlineshop<\/strong><\/p>\n

Mehr erfahren<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Hallo zusammen! Auch bei der Entwicklung der Demoshop-Templates macht der Fortschritt nicht halt und so m\u00f6chte ich heute einmal dar\u00fcber berichten, was sich mit den Design-Paketen f\u00fcr die Versionen GX3 v3.8.x und GX3 v3.9.x ge\u00e4ndert hat. Es handelt sich bei diesem Artikel also um eine kleine Erg\u00e4nzung unseres Blogposts zum Einbinden der Templates im eigenen […]<\/p>\n","protected":false},"author":25,"featured_media":9837,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[526],"tags":[301,40,528,527],"class_list":["post-9836","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-design","tag-gambio","tag-styleedit","tag-testshop"],"_links":{"self":[{"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/posts\/9836","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/comments?post=9836"}],"version-history":[{"count":6,"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/posts\/9836\/revisions"}],"predecessor-version":[{"id":11662,"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/posts\/9836\/revisions\/11662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/media\/9837"}],"wp:attachment":[{"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/media?parent=9836"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/categories?post=9836"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/tags?post=9836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}