Theme: FlatResponsive ab jetzt im Shopware Store

Theme: FlatResponsive ab jetzt im Shopware Store

Alexander Wolf 10. September 2015 22

Unser erstes Theme ist fertig gestellt. Erinnert ihr euch? In dem Beitrag http://8mylez.com/blog/shopware-5-theme-erstellen/ , ging es um genau dieses Theme. Das Responsive Theme von Shopware gefällt uns sehr, daher wollten wir es einfach darstellen. Nicht zu viel, deswegen nur mit LESS. Wie sieht es denn jetzt aus?

Dein erstes Theme im Community Store in 4 Schritten

Dein erstes Theme im Community Store in 4 Schritten

Alexander Wolf 05. September 2015 6

Wochenlange Arbeit, Blut und Schweiß, eure ganze Energie. Alles gegeben für eine einzige Sache: Das erste Theme im Community Store! So viel Energie und Leidenschaft reingepumpt. Wochenlang an eurem Theme gearbeitet. Es wird Zeit sich zu verabschieden. Ganz so dramatisch ist es nicht. Wir sollten uns sogar freuen. Das Theme erblickt sozusagen das erste Mal das Licht der Welt oder in diesem Fall den Community Store. Wie läuft das nun ab? Schwer ist es nicht. Ihr merkt schon: Shopware ist ein geniales und super einfaches System. Es sind nur 4 Schritte: 1. Theme erstellen 2. Vertrag mit Shopware 3. Plugin erstellen 4. Hochladen Lasset die Spiele beginnen.

Pro-Tipp: CSS Befehle mit den Chrome Dev Tools suchen

Pro-Tipp: CSS Befehle mit den Chrome Dev Tools suchen

Alexander Wolf 01. September 2015 2

Ihr seid schlau und guckt euch den Code mit "Element untersuchen" bzw. mit den Chrome Dev Tools an. Das ist auf jeden Fall schon der erste richtige Schritt in einfache Theme Entwicklung. Jetzt habt ihr ein Element gefunden und wollt es anpassen. In den Chrome Developer Tools habt ihr es schnell gefunden.

Logo Größe mit Less für Shopware 5 anpassen

Logo Größe mit Less für Shopware 5 anpassen

Alexander Wolf 27. August 2015 62

Ihr habt euer Logo ausgetauscht aber irgendwie ist es für euch einfach zu klein? Kein Problem! Heute zeige ich euch, wie ihr ganz einfach und in nur 5 Schritten die Größe eures Logos anpassen könnt. Vorab schonmal die Schritte, weiter unten mit Erklärung: Eigenes Theme erstellen und Logo einbinden Datei all.less anlegen Datei header.less anlegen Größe verändern Cache leeren und das Theme kompilieren Gar nicht so schwer oder? Los geht's!

Pro-Tipp: Ganz einfach herausfinden in welcher LESS Datei der Code steht

Pro-Tipp: Ganz einfach herausfinden in welcher LESS Datei der Code steht

Alexander Wolf 22. August 2015 26

UPDATE: Falls ihr Grunt nutzt um eure Themes zu entwicklen, braucht ihr die Einstellung nicht, da dies Grunt für euch übernimmt und die CSS Sourcemap erstellt. Wie ihr das anstellt: Shopware 5 Theme Entwicklung mit Grunt Heute einen kurzen Beitrag und zwar einen Pro Tipp! Für die Pro's unter uns. Problem: Wir wollen ein Theme entwickeln / anpassen. An sich kein Problem. Die Preisfrage nun: Was ist aber immer etwas nervig? Genau! Wenn wir in den Chrome Developer Tools das richtige Element gefunden haben, welches wir anpassen wollen, wissen wir nicht in welcher LESS Datei sich der Code dafür befindet.

Shopware 5 Theme Entwicklung mit Grunt

Shopware 5 Theme Entwicklung mit Grunt

Alexander Wolf 19. August 2015 39

Im letzten Beitrag haben wir uns angeschaut wie wir unser Theme mit LESS anpassen können. Wie ihr bereits gemerkt habt, muss LESS jedenfalls kompiliert werden. Es wird einfach in CSS übersetzt. Dieses Kompilieren können wir automatisieren. Wie? Mit Grunt . Was genau das ist und wie es funktioniert, findet ihr auf deren Website. Ich zeige euch nur wie ihr eure Themes damit zum Laufen bekommt um euch etliche Klicks zum Kompilieren zu ersparen.

Shopware 5 Designer’s Guide als eBook – Download

Shopware 5 Designer’s Guide als eBook – Download

Alexander Wolf 14. August 2015 0

Den Designer's Guide gibt es hier als eBook (.epub) zum Download. Was würdet ihr verbessern? Schreibt es in die Kommentare und wir bauen es in der nächsten Version ein.

Was du über die Shopware 5 Theme Struktur wissen musst und wie du ein eigenes Template erstellst

Was du über die Shopware 5 Theme Struktur wissen musst und wie du ein eigenes Template erstellst

Alexander Wolf 12. August 2015 71

Heute schauen wir uns die Shopware 5 Theme / Template Entwicklung genauer an. Zuerst die Theme Struktur und den Aufbau , danach was wir beachten müssen. Zum Schluss legen wir unser erstes eigenes Theme an und passen es mit LESS nach unseren Wünschen an. Viel Spaß wünscht dir deine Shopware Agentur 8mylez . PS: kennst Du schon unseren Shopware SEO Guide ?

4 Gründe warum du Shopware 5 lokal mit MAMP installieren solltest und wie du das anstellst

4 Gründe warum du Shopware 5 lokal mit MAMP installieren solltest und wie du das anstellst

Alexander Wolf 10. August 2015 52

Unser Ziel ist es Themes für Shopware 5 zu entwickeln. Am besten machen wir das lokal auf unserem Computer und nicht irgendwo im Internet auf einem Server. Warum sollten wir das tun? Die Antwort: Shopware lokal / offline vs online 1. überall arbeiten: Im Zug, auf Partys, in Vorlesungen oder sogar in der Wüste. Überall da wo es keine vernünftige Internetverbindung gibt. 2. Geheim: Das Template ist in Arbeit und am Ende kurz bevor es losgehen kann, findet jemand den Shop mit dem tollen Design und klaut unsere Ideen. Es gibt natürlich verschiedene Wege sich zu schützen, aber lokal zu arbeiten ist am sichersten. 3. Schnell: Da wir nichts hoch oder runterladen müssen, können wir sehr schnell arbeiten. Der Code ist sofort angepasst und wir sehen die Ergebnisse (oder Fehler). 4. Versionsverwaltungssystem: Ganz Recht! Wir nutzen lokal ein Versionsverwaltungssystem um all unsere Updates in einzelnen Schritten festzuhalten. Das ist nicht nur professioneller, es erleichtert die Arbeit mit mehreren Entwicklern. Wenn irgendwas kaputt geht, können wir ganz einfach zurück und müssen nicht stundenlang suchen wo wir was verbockt haben oder (schlimmer) von vorne anfangen.

Willkommen auf unserem Blog

Willkommen auf unserem Blog

Alexander Wolf 08. August 2015 2

Hallo und willkommen auf unserem “8mylez”-Blog! Wir sind Goltfisch , ein frisch gegründetes Startup aus Paderborn, NRW, Deutschland. Wir lieben Online Shops und wir lieben Shopware. Die neueste Version (Shopware 5) hat es uns einfach angetan. Endlich eine eCommerce Lösung die auch Spaß macht. Das wollen wir euch nicht vorenthalten und werden hier darüber schreiben. Es geht endlich los!

Shopware 5 Blog
Tipps, Tricks & Tutorials

SEO für Shopware!

shopware tutorial ebook mockup
Ausführliche Schritt für Schritt Anleitungen für gute Rankings in den Suchmaschinen.
Zum Store

Beliebt

Was du über die Shopware 5 Theme Struktur wissen musst und wie du ein eigenes Template erstellst
Die größten Fehler bei der Entwicklung eines Shopware 5 Themes
Freitextfelder im Shopware Frontend ausgeben
Plugin Themes überschreiben und anpassen
Shopware Theme: Eigenes Listing Layout erstellen
Wie du schnell und einfach Google Shopping für Shopware einrichtest
Vorsicht Shopware Update! Was du beim Updaten beachten musst
Theme Entwicklung: Hugo Boss Header zum Selbermachen
Staging Umgebung – Was ist das und warum brauchst du eine?
Logo Größe mit Less für Shopware 5 anpassen
© 2017 by 8mylez. Powered by Goltfisch GmbH.