Dein erstes Theme im Community Store in 4 Schritten

Dein erstes Theme im Community Store in 4 Schritten

Alexander Wolf 05. September 2015 8

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.

1. Theme erstellen

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.

2. Vertrag mit Shopware

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

3. Plugin erstellen

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.

Plugin Aufbau

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.png

Jeder 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.

Bootstrap.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?

4. Hochladen und Freuen

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.

Zusammenfassung

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.

Troubleshooting

.DS_Store

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/

__MACOSX

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.

Weitere Links

8 Kommentare

  • Alex!

    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

  • Hey 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
  • Jetzt hat`s geklappt! Ich musste einfach mal wieder bei euch auf die Seite kommen. Daran lag`s glaube ich. Yay :)
  • Hey Atilla,

    ah perfekt! :) Jeder Besuch ist uns willkommen!

    Gruß
    Alexander
  • Hallo 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!
  • Hey Atilla,

    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
  • Hello 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 :)
  • Hello Fred,

    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?

Beliebt

Was du über die Shopware 5 Theme Struktur wissen musst und wie du ein eigenes Template erstellst
Social Media Icon mit Link im Footer
Shopware Theme: Eigenes Listing Layout erstellen
Logo Größe mit Less für Shopware 5 anpassen
Die größten Fehler bei der Entwicklung eines Shopware 5 Themes

Sicher Dir die besten Shopware 6
Tipps & Tricks

Trag Dich ein und Du erhältst unser Shopware 6 Whitepaper kostenlos!
Trag dich für unseren Newsletter an, im Anschluss erhältst Du das Whitepaper. 

Mit dem Abschicken Deiner Daten akzeptierst Du unsere Datenschutzerklärung.

Entdecke unsere ebooks

Unsere Standorte

Zentrale 

Technologiepark 23
33100 Paderborn


Leipzig
Bernhardstraße 34
04315 Leipzig

Kontakt

Ü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


Unsere Partner
© 2024 by 8mylez GmbH //  Impressum + Datenschutz