Mein erster onlineshop
mit shopware 5
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:
Lasset die Spiele beginnen.
Zuerst müssen wir das Theme bauen. Wochenlang daran arbeiten.
Ihr habt noch nicht angefangen und wisst gar nicht wie? Schaut bei https://8mylez.com/blog/shopware-5-theme-erstellen/ vorbei.
Unsere ganze freie Zeit investieren.
Es hegen und pflegen.
Pure Leidenschaft.
Wenn wir im Community Store etwas verkaufen wollen, müssen wir mit Shopware einen Vertrag abschließen und werden somit Community Store Partner.
Als erstes erstellt ihr einen Account (oder habt es wahrscheinlich schon). Einloggen auf https://account.shopware.com
In der linken Navigation klickt ihr auf "Plugin-Verwaltung". Da könnt ihr dann den Vertrag runterladen, ausdrucken, unterschreiben, einscannen und wegschicken.
Sobald Shopware eine unterschriebene Kopie zurück schickt, seid ihr dabei!
Yippie!
So I Guess You Can Say Things Are Getting Pretty Serious
Es wird wieder technisch.
Das Theme ist ein Plugin, welches installiert wird und dann das Theme ins System einbindet.
Wir bauen uns ganz einfach ein Plugin mit allen nötigen Daten.
So ein Plugin hat einen bestimmten Aufbau, sonst kann Shopware damit nicht umgehen.
Frontend
└── 8mzFlatResponsiveTheme
├── Themes
│ └── Frontend
│ └── FlatResponsive
│ ├── preview.png
│ ├── Theme.php
│ └── frontend
├── Bootstrap.php
└── plugin.pngJeder Entwickler hat ein Kürzel, sodass keine Konflikte mit den Namen entstehen.
In diesem Fall ist unser Entwicklerprefix "8mz" und das Plugin heißt "FlatResponsiveTheme".
Die Datei "plugin.png" ist das icon welches im Backend zu sehen sein wird (wenn das Plugin installiert wird).
In dem Ordner "FlatResponsive" ist alles für unser Theme drin, sowie auch die Theme.php.
Wir haben unser exklusives Flat Responsive Theme in den Community Store gepackt.
So schaut unsere "Bootstrap.php" aus:
class Shopware_Plugins_Frontend_8mzFlatResponsiveTheme_Bootstrap extends Shopware_Components_Plugin_Bootstrap
{
public function getLabel()
{
return 'FlatResponsive Theme';
}
public function getVersion()
{
return "1.0.0";
}
public function getInfo()
{
return array(
'version' => $this->getVersion(),
'label' => $this->getLabel(),
'supplier' => '8mylez',
'description' => 'Flat Style Theme mit dem Responsive Theme als Basis',
'support' => 's@8mylez.com',
'link' => 'http://8mylez.com'
);
}
}
Wichtig ist, dass der Plugin Name mit dem Ordnernamen zusammenpasst, d.h. der Klassenname sieht bei uns "Shopware_Plugins_Frontend_8mzFlatResponsiveTheme_Bootstrap".
Und der dazugehörige Ordnername für das Plugin ist dann "8mzFlatResponsiveTheme".
Macht irgendwie Sinn, oder?
Als letztes noch ganz einfach hochladen im Community Store unter eurem Account.
Das Plugin müsst ihr dann noch in eine Zip Datei packen. Dabei bitte auf dem Mac nicht den mitgelieferten Komprimierer nutzen. Wieso?
Wir haben Keka benutzt und alles funktioniert einwandfrei.
Links in der Navigation auf "Plugin-Verwaltung" und "Plugin-Übersicht" und auf den fetten Button "Neues Plugin hochladen".
Jetzt nur noch alles eintragen (müsst euch da durchklicken) und die Freigabe beantragen.
Euer Theme wird von einem netten Shopware Mitarbeiter überprüft und dann freigegeben.
Mit diesen 4 einfachen Schritten bekommt ihr euer Theme in den Community Store.
Wir haben uns angeschaut wie wir unser geliebtes Theme in den Community Store bekommen. Dabei haben wir einen Vertrag mit Shopware abgeschlossen, das Plugin für unser Theme entwickelt und dieses anschließend im Community Store hochgeladen.
Auf dem Mac findet ihr öfter mal solche lustigen Dateien. Da stehen Informationen zum Ordner drin. Die dürfen/sollen nicht mit ins Plugin.
Einfach mit einem Editor (Atom.io oder Sublime) per Hand rauslöschen oder komplett abschalten: https://osxdaily.com/2009/12/31/what-is-a-ds_store-file/
Wenn ihr die Zip Datei auf dem Mac mit dem mitgelieferten Komprimierer (Rechtsklick > komprimieren) erstellt, dann kann es zu einer Fehlermeldung beim Review Prozess seitens Shopware kommen. Es wird ein Order "__MACOSX" erstellt, was gar nicht gut ankommt.
Wir haben Keka benutzt und alles funktioniert einwandfrei.
Unsere Standorte
Zentrale
Technologiepark 23
33100 Paderborn
Leipzig
Bernhardstraße 34
04315 Leipzig
Kontakt
E-Mail: support@8mylez.com
Telefon: +49 (0) 5251 284 710
Shopware Dienstleistungen
Über 8mylez
✓ 38 Mitarbeiter
✓ Shopware Gold Partner
✓ 40.000+ Plugin Downloads
✓ 160+ betreute Shops
✓ Full-Service Shopware Agentur
✓ 70 Shopware Videos auf Youtube
✓ Alle Shopware Zertifizierungen
Social
Ich bin 3 Jahre später einen Schritt weiter ;D Habe jetzt das erste Mal ein Theme als Plugin verpackt und das noch einmal in einen zusätzlichen Frontend Ordner gelegt. Anschließend habe ich das ganze mit Keka gepackt und im Plugin Bereich erfolgreich installiert.
Jetzt bleibt noch eine Frage offen: Die Zip Datei, die ich am Ende in den Store lade - soll die dann auch einfach Frontend.zip heißen?
Noch einmal danke für diesen hilfreichen Beitrag und deine zusätzlichen Erläuterungen.
Grüße aus den tiefen der Nacht,
Atilla
der Name der Zip Datei ist nicht wichtig für Shopware, d.h. du kannst sie ruhig nach dem Plugin benennen. Wichtig ist nur die Struktur im Plugin.
Gruß
Alexander
ah perfekt! :) Jeder Besuch ist uns willkommen!
Gruß
Alexander
ich bin`s mal wieder... :) Ich hab irgendwie ein Problem mit der Zip Datei. Auch wenn ich mit Keka komprimiere bekomme ich das Plugin irgendwie nicht hochgeladen. "No plugin found in archive" ist euch das auch schonmal passiert, und wenn ja kennt ihr den Grund / die Lösung zu dem Desaster? Im Ordner
Hab`s jetzt wohl 30x probiert und gebe fürs erste auf ...
Zuletzt habe ich das SwagTutorialTheme.zip runtergeladen, entpackt und einfach den Ordner wieder gepackt ohne etwas daran zu ändern - ging auch nicht. Wenn ich die Original Zip Datei nehme - kein Problem. Naja vielleicht liegt`s auch dran dass es zu spät ist und ich den Wald nicht mehr sehe.
Besten Dank und schöne Grüße!
die Fehlermeldung besagt, dass die Struktur des Plugins nicht passt. Wenn du in der Bootstrap.php "Frontend" verwendest wie im Beispiel "Shopware_Plugins_Frontend_8mzFlatResponsiveTheme_Bootstrap" dann musst du dein Plugin Ordner noch in einen neuen Ordner packen den du Frontend nennst. Diese Frontend Ordner musst du dann mit keka zippen und im Store hochladen.
Gruß
Alexander
I know your tutorials are in german but I have learnt from them with the help of google translate :)
I am new to the world of shopware. I am writing a google tag manager plugin code, but the problem is that the google javascript has to be immediately after the body tag and cannot be inside any other html elements. I am wondering how i can insert it in the frontend/index/index.tpl because there are no blocks between the body tag and the . Please help. Thanks :)
thank you! We are planning to start with some english content, too :)
What about the {block name="frontend_index_header_javascript"} block?
Or maybe {block name='frontend_index_after_body'} block?
I think this is exactly what you are looking for!
Best,
Alexander
Was denkst du?