Shopware 6 hat ist definitiv eine stärkere Veränderung als die beim Update von Shopware 4 auf Shopware 5. Während man hier von einem Update gesprochen hat, das vergleichsweise einfach von der Hand geht handelt es sich vom Sprung der Version 5 auf die 6er Version um eine Migration.

Und von Migrationen spricht man sonst nur, wenn man das System komplett wechselt. Sprich wenn man beispielsweise von Magento oder WooCommerce auf Shopware umsteigt. Man sieht also schon an den Begriffen dass definitiv mehr passiert sein muss.

Aber was ist dieses mehr? Im folgenden habt ihr eine kleine Liste mit den wichtigsten Änderungen, die euch bei Shopware 6 erwarten:

– Twig statt Smarty
– SASS & Boostrap statt LESS
– API first
– Neues Backend

Das ist also einiges. Ich würde sagen man erkennt Shopware eigentlich nur noch am Frontend, wo alles ungefähr immer noch wie beim alten Responsive Theme aussieht.

Neues in Shopware 6 – Twig statt Smarty

Seit Shopware 6 wird für den Aufbau des Themes unter anderem Twig verwendet. Twig ist vergleichbar zu Smarty und ersetzt dieses.

Schauen wir uns hier mal ein paar Beispiele an, wie Twig verwendet werden kann:

1.1 Twig-Beispiel: Text auf eine bestimmte Zeichenlänge beschneiden:

{{ 'Dieser Text ist länger als 12 Zeichen' | truncate(12) }}

Links sehen wir einen Text. Der Text ist mit Leerzeichen wenn ich mich nicht verzählt habe 37 Zeichen lang. Ganz sicher ist er aber länger als 12 Zeichen. Mit dem Befehl truncate(12) sagen wir nun, dass der Text auf 12 Zeichen gekürzt werden soll. Das Ergebnis wäre als in diesem Fall die Ausgabe des Texts: „Dieser Text i“

Was wir also bisher erkennen ist, dass Twigg innerhalb von insgesamt 4 geschweiften Klammern verwendet wird. Auf der linken Seite werden die Inhalte eingetragen und rechts neben dem Trenner kommt eine Anweisung was damit gegebenenfalls gemacht werden soll.

1.2 Twig-Beispiel: Ein Text soll in Großbuchstaben ausgegeben werden

{{ 'irgendein Text' | upper }}

Mit dem Befehl upper können wir den Text in Großbuchstaben ausgeben lassen, das Ergebnis wäre also: IRGENDEIN TEXT. Normalerweise würde man für so etwas eher CSS verwenden, aber wo neue Möglichkeiten sind, ergeben sich auch neue Ideen diese anzuwenden.

1.3 Twig Beispiel: Dateien erweitern

Wer in seinem (Child-) Theme eine vorhandene Datei aus dem Parent Theme erweitern möchte kann den folgenden Twig Code verwenden:

{{% sw_extends 'storefront/layout/header/dateiname' %}}

Der genau Pfad ist natürlich davon abhängig, von welchem Theme die erweiterte Datei stammt und in welchem Ordner sie genau liegt.

1.4 Twig Beispiel: Einen Block erstellen

Wenn ihr den Logo Block erweitern möchtet könnt ihr das mit folgendem Code erledigen:

{{% block layout_header_logo %}}
{{ parent() }}
neuer Inhalt
{{% endblock %}}

Man kopiert also den Block ohne seinen eigentliche Inhalt und fügt stattdessen {{ parent() }} um die Inhalte anzuzapfen wie bei einer Tankstelle.

Neues in Shopware 6 – SASS & Bootstrap statt LESS

Jeder der LESS kennt sollte auch wissen was SASS ist. Im Grunde ist es LESS sehr ähnlich wird aber von viel mehr Leuten verwendet. Ich selber kenne LESS eigentlich nur aus dem Shopware Universum. Viele die sich in LESS eingearbeitet haben, müssen sich nun umstellen – der Vorteil ist aber wie gesagt dass es weiter verbreitet ist und man daher auch mehr hilfreiche Infos und Anbieter finden wird.

Bootstrap wurde interessanterweise auch schon in dem einzigen Responsive Theme, was für Shopware 4 entwickelt wurde verwendet und hat ebenfalls viele Fans und Anwender.

Neues in Shopware 6 – API First

Mit Shopware 6 haben es sich die Schöppinger zur Aufgabe gemacht das System so connectable wie möglich zu entwickeln. Ein Beispiel: Man kann z.B. seinen ganzen Produkt-Stream über die API bei Instagram einspielen.

Shopware 6 Infos – Die Break Points
Die Break-Ponts der min-width Werte bei Shopware 6 sind folgendermaßen:

XS: 0
S: 576px
M: 768px
L: 992px
XL: 1200px

Was noch:
– Snippets > Datei für Theme Infos
– die Datei base.html.twig ist das Gegenstück zur index.tpl
– {{ dump() }} – gibt Infos aus
– Die Textbausteine sind jetzt bei Snippets (Einstellungen > Snippets > auf Sprache klicken)

Der Beitrag Shopware 6 – Neues Backend, Twig, SASS & API First erschien zuerst auf Shopware Agentur | Great2Gether.

In Insider-Kreisen und bis Schöppingen hat es sich schon rumgesprochen. Ein brandneues Slider Plugin ist im Shopware Community Store. Aber es ist nicht einfach nur irgendein ein Slider, nein – es ist unser SUPER MEGA SLIDER!

Warum Super Mega Slider?

Einige mögen sich fragen wie man auf so einen bescheuerten Namen kommt. Denjenigen will ich folgende Geschichte nicht vorenthalten: Als ich vor einigen Jahren an einem WordPress Projekt arbeitete kam mir dort einmal der „Mega Slider“ in die Finger. Ich gebe zu dass ich mich habe geringfügig von diesem Namen inspirieren lassen.

Meine Idee war also schlicht „Super Slider“ um nicht zu sehr zu übertreiben und den Ball wenigstens leicht flach zu halten. Als ich einen befreundeten Programmierer fragte meinte er es hört sich „billig“ und zu marktschreierisch an. Ich habe dann einen Tag später aus reinem Trotz beschlossen das Plugin Super Mega Slider (oder kurz: SMS) zu nennen.

Nomen est Omen

Und es war eine gute Entscheidung! Warum fragt ihr euch? Weil dieser Name Hoffnungen weckt und gleichzeitig eine Messlatte setzt. Nur wo Super Mega drin ist darf auch Super Mega drauf stehen! Mehrfach war der Slider „eigentlich schon fertig“. Aber er war einfach noch nicht reif diesen Namen mit Fug & Recht zu tragen.

Jetzt ist es aber soweit, dass der Super Mega Slider im Community Store verfügbar ist. Wir haben jetzt mehrfach nochmal „drüber geguckt“ und überlegt ob alles so passt aber am Ende des Tages wird natürlich die Shopware Community selbst entscheiden ob das ganze Ding jetzt wirklich super, mega oder sogar super & mega ist. Die ersten 3 Bewertungen sind zumindest schonmal fünfsternig! Nicht nur das der Slider wurde auch nach kurzer Zeit schon von Shopware zu einem der Plugins der Woche gekürt!

Super Mega Slider – Funktionen

Zunächst einmal sind die 4 verschiedenen Viewtypes zu nennen. Man hat die Wahl aus 3 Hintergrund-Optionen und die Möglichkeiten YouTube Videos (als no-cookie Version) einzubinden.

1. Video-Hintergrund (video)
2. Farb-Hintergrund (color)
3. Bilder-Hintergrund (image)
4. und YouTube (youtube) Einbettung

Des Weiteren ist der Super Mega Slider mit folgenden zum Standard-Slider zusätzlichen Funktionen ausgestattet:

– Scroll-To-Slide
– 2 Standard Farb-Themes (hell & dunkel)
– Individueller Titel für jeden Slide
– Individuelle Schrift-Farbe und Größe des Titels
– Individueller Infotext für jeden Slide
– Individuelle Schrift-Farbe und Größe des Infotexts
– Individueller Action Button für jeden Slide
– Individuelle Text- und Hintergrundfarbe des Buttons
– Individuelle Eckenrundung des Buttons
– Individuelle Rahmenstärke- und Farbe des Buttons
– Integrierter Musik Player
– Verbesserte Slider Pfeile

Lustigerweise ist uns erst am ganz am Ende eingefallen, dass auch eine Auto-Scroll Funktion nicht fehlen sollte. Die ist jetzt also auch mit dabei.

Feedback und Demo-Seite.

Und was fehlt jetzt noch? Unter anderem eure Meinung!

Wir würden von euch gerne wissen, was bei einem echt coolen Shopware Einkaufswelten Slider nicht fehlen darf. Unter shopklinik.com könnt ihr den SMS live begutachten und anschauen was man damit so veranstalten kann.

Schreibt uns eine Nachricht oder in die Kommentare was eure Wünsche und Hoffnungen sind und wir versuchen es in zukünftige Versionen zu integrieren.

Super Mega Slider – Shopware Slider für Einkaufswelten

Falls ihr das Backend testen möchtet habt ihr die Möglichkeit den Slider 1 Monat kostenlos in eurem Shop zu testen. Klickt jetzt auf den Banner unten oder diesen Link und ihr gelangt direkt zum Super Mega Slider im Community Store

Der Beitrag „Super Mega Slider“ – Unser Shopware Slider erschien zuerst auf Shopware Agentur | Great2Gether.

Update von Shopware 4 auf Shopware 5 – Heute steht ein sehr alter Shopware 4 Shop auf dem Plan bei dem es verplant wurde planmäßige Updates zu machen. Bei dem Shop war die Uhr bei der Version 4.1.4 stehen geblieben, wo es mittlerweile schon 5.2 gab. Ein weiteres Problem, zu dem Zeitpunkt des Updates war der Shop offline da PHP 5 nicht mehr unterstützt wurde und der Shop dem Kunden um die Ohren flog.

Also musste ich den Shop auf einer anderen Umgebung erst einmal in seiner alten Version zum laufen bringen um ihn dann von dort aus zu aktualisieren, was natürlich auch noch einmal komplizierter ist, da die Shop Domain nicht stimmt, und man sich nicht im Community Store anmelden kann.

Seins drum – ab ins kalte Wasser und erst einmal einlesen was das Internet sagt. Den ersten wirklich hilfreichen Beitrag fand ich dann bei basecom.de – von dort aus habe ich mich dann tiefer reingelesen und eingearbeitet wie man denn am allerbesten und professionellsten ein Update von Shopware 4 auf Shopware 5 umsetzt. In diesem Artikel habe ich euch die Essenz meiner Arbeit zusammen gefasst in der Hoffnung, dass es dem einen oder anderen weiser hilft.

Voranmerkung: Dieser Beitrag wurde über ein Jahr vor seiner Veröffentlichung geschrieben und lag eine Weile in der Entwürfe-Liste, bis er dort wiedergefunden, aufbereitet und schlussendlich veröffentlicht wurde.

Übersicht

• 1. Unter Shopware 4.3.6 geht nix
• 2. Das erste Update auf Shopware 4.2.3
• 3. Update von Shopware 4.2.3 auf Shopware 4.3.7
• 4. Update von Shopware 4.3.7 auf Shopware 5.1.2
• 5. Update von Shopware 5.1.2 auf Shopware 5.2.26
• 6. Thumbnails neu generieren
• 7. Update von Shopware 5.2.26 auf Shopware 5.3.37
• 8. Update von Shopware 5.3.37 auf Shopware 5.5.2
• 9. Weiterführende Links & Quellen

1. Unter Shopware 4.3.6 geht nix

Meine erste wichtige Info war: Man kann erst ab Shopware 4.3.6 auf Shopware 5 upgraden. Außerdem sollte man nicht versuchen gleich auf die allerneuste 5er sondern eher erst einmal auf die älteste Shopware 5 Version zu aktualisieren.

Das hieß für mich der alte Shop musste von seiner aktuellen Version erst einmal auf mindestens 4.3.6 getrimmt werden. Im Shopware Forum hatte der gute Mario auch gut beschrieben wie da genau vorzugehen ist und hier ist die von ihm vorgeschlagene optimale Reihenfolge der einzelnen Updates:

• Minor-Update 4.0.6 auf 4.0.7
• Minor-Update 4.0.7 auf 4.0.8
• Major-Update 4.0.8 auf 4.1.0
• Minor-Update 4.1.x und 4.2.x auf 4.2.3
• Minor-Update 4.2.x auf 4.3.0 (stimmt nicht ganz)

Ein wichtiger Tipp der an der Stelle genannt wird ist nach jedem Update Schritt im Backend den kompletten Cache zu löschen. Außerdem soll man in der Systeminfo nachschauen ob bei allen Datei ein grüner Haken ist.

Die einzelnen Update Pakete für Shopware bekommt man an sich alle hier:
https://www.shopware.com/en/changelog-sw5/
Da es sich bei den gesuchten Updates schon beinahe um prähistorische Versionen handelt muss man auf dieser Seite die Dateien runterladen die älter als die 4.3.7. sind: https://community.shopware.com/Updatepakete-von-Shopware-4.0.1-bis-Shopware-4.2.4_detail_2019.html

Nachtrag: Aktuell findet man diese UR-Update Dateien nicht mehr im Shopware Changelog, daher habe ich sie hier mal hochgeladen, falls sie noch jemand benötigen sollte.

• Shopware Update auf Version 4.3.7
• Shopware Update auf Version 4.3.7

2. Das erste Update auf Shopware 4.2.3

Gut dann legen wir mal los. Laut meiner Mario-Liste benötige ich als erstes ein Update auf 4.2.3 – die Datei wiegt 10 MB was mich schonmal beruhigt. Zahlentechnisch bewegen wir uns bei 6.615 Dateien. Ich ärger mein FileZilla und teste mal aus wie lange es dauert die einzeln hoch zu laden und nutze die Zeit mit einen frischen Tee zu machen.

Was heißt das konkret: Ich habe die Zip Datei entpackt und den Inhalt per FTP in das Verzeichnis meines Shopware Ordners gezogen und eingestellt dass die alten Dateien bei Bedarf überschrieben werden sollen.

Shopware Update auf Shopware 5 – Wartungsmodus Anzeige

Und dann das! Gut ich hatte die Anleitung noch nicht durchgelesen und war dann erstmal teilzeit-frustriert bis ich weiterlas, dass man doch bitte seinen Shop aufrufen und dann hinter die Domain /update schreiben möge. Gesagt, getan.

Das sah dann schon viel besser aus:

Shopware Update auf Shopware 5 – Update auf SW 4.2.3

Nachdem man sich einmal durchgeblickt hat kommt man hier an:

Shopware Update auf Shopware 5 – Update auf SW 4.2.3 abgeschlossen

Ok den kompletten Update Ordner gelöscht und noch einmal in den frisch aktualisierten Shop. Das Frontend sieht gut aus also ab ins Backend und erstmal wie empfohlen den Shop- und Browser Cache löschen. Dann noch ein Blick ob alle Häkchen bei den Systeminfos grün genug sind:

Shopware Update auf Shopware 5 – Systeminfos

Wie man sieht: Alles wunderbar!

Nächste Hürde: Das Update zur 4.3.7 er Version aber vorher noch ein Backup der aktuellen Version erstellen, denn man weiß ja nie. Zum Thema Shopware Backup findet ihm im Blog übrigens auch einen ganzen Beitrag.

Zwischendurch hatte ich übrigens einen kleinen Schock weil nach der obigen Liste müsste ich eigentlich auf 4.3.0 updaten, was ich aber nirgends finden konnte. Tatsache ist aber, dass man auch direkt auf die 4.3.7 springen kann. Da ich ein Backup gemacht habe wage ich also den Spring ans nächste Level.

3. Update von Shopware 4.2.3 auf Shopware 4.3.7

Ich lade mir das Update Paket runter unter: https://community.shopware.com/Downloads_cat_448.html – da muss man dann erstmal die Box der Dateien aufklappen um die alleeunterste in der Liste zu finden. Wichtig: Ladet euch die „Shopware – Update“ und nicht die „Shopware Install“ Datei runter.

Shopware Update auf Shopware 5 – Updatepaket SW 4.3.7

Die entpackten Dateien ladet ihr wieder per FTP in euren Shopware Ordner wobei ihr einen Teil der alten Dateien überschreibt.

Ok so viel Glück kann man natürlich nicht immer haben, also muss ich mich um die Plugins kümmern. Alles was veraltet ist muss gelöscht werden – das schlichte deaktivieren reicht nicht. Hier habe ich gelesen wie man unnötige Shopware Plugins manuell deinstalliert und auch gleich mal wagemutig nachgemacht: https://forum.shopware.com/discussion/27018/wie-kann-ich-ein-plugin-manuell-entfernen-hier-sofort

Aktiviert waren eigentlich eh nur 3 externe die mir Kopfschmerzen bereiten könnten, Piwik, das Cookie Permission Plugin und das von SOFORT Überweisung. Also erst einmal alle deaktivieren und dann löschen.

Shopware Update auf Shopware 5 – Plugin-Liste

Die restlichen aktiven Plugins waren ausschließlich von Shopware. Dafür gibt es aber noch ein dutzend unnötiger Plugins die irgendwann mal installiert wurden.

Shopware Update auf Shopware 5 – Plugin-Liste – Inaktive Plugins

Also was tun? – Hier in den Ordner rein:
/engine/Shopware/Plugins/Community/Frontend

Und alle 3 Ordner eliminieren

Shopware Update auf Shopware 5 – Plugins loeschen

Was noch? Einmal bei phpmyadmin einloggen und in der s_core_plugins active auf 0 setzen – ok das war der Tipp aus dem Forum. Der macht aber keinen Sinn, weil die eh schon auf inaktiv waren. Dann wiederum denke ich mir, es könnte auch eins von all den anderen inaktiven Plugins sein, welches mit 4.3.7 inkompatibel ist.

Ich werde erst einmal alle anderen Plugins löschen. Die 3 die ich aufgezählt hatte waren Community Plugins die anderen alle nicht das sind im einzelnen:

• Heidelpay
• Klarna
• PAYONE
• PaymentSkrill
• RatePAY Paymorrow
• BillSAFE

Ordner: /web/engine/Shopware/Plugins/Default/Frontend

Shopware Update auf Shopware 5 – Andere Plugins loeschen

Hier sieht man die zu löschenden Datenbankspalten. Die Ansicht ist nach Herstellern sortiert, daher werden mir genau die gesuchten auch direkt untereinander angezeigt. Die CouchCommerce Spalte habe ich auch noch gelöscht.

Shopware Update auf Shopware 5 – Andere Plugins loeschen in DB

Ein Plugin hatte sich dann noch im Backend Bereich verschanzt:

Shopware Update auf Shopware 5 – Heidelpay Backend Plugin

/web/engine/Shopware/Plugins/Default/Backend

So jetzt kann man nochmal einen Versuch wagen würde ich sagen – aber vorher mache ich natürlich noch ein Backup der abgespeckten und noch funktionalen Shopware 4.2.3 Version. Jetzt wo ich mich sicher fühle versuche ich ein zweites Mal das Update auf Showa 4.3.7 und lade die Update Dateien auf den Server hoch. Uuuund – diesmal scheint es zu klappen!

Ok es war tatsächlich spannend, denn zuerst wurde mir wie oben diese Wartungsmodus-Seite angezeigt unter der Adresse webseite.de/update-assets konnte ich jedoch nicht auf die Update-Maske zugreifen. Vorher war das ja bei Webseite.de/updates. Den Ordner gab es aber nicht sondern eben den Ordner update-assets den man aber nicht aufrufen soll sondern stattdessen:

website.de/recovery/update

Dann seid ihr nämlich wieder beim „Aktualisierung Starten“ Fenster und könnt nun euer Glück versuche

Das hat geklappt, jetzt muss wieder der Ordner updates-assets (wie oft hab ich das Wort jetzt geschrieben… ) gelöscht werden, dann der Browser Cache, dann der ganze Shop Cache und dann noch der Nudelsalat mit Honig-Erdnuss-Sauce Cache natürlich auch noch.

Shopware Update auf Shopware 5 – update-assets löschen

Und wenn ich von Shop Cache rede, dann meine ich hier alle Caches die man auswählen kann:

Shopware Update auf Shopware 5 – Cache löschen

Alles funktioniert und alle Punkte in allen Reitern der System-Informationen sind von oben bis unten grün. Das gefällt mir und ich sichere mir direkt wieder einmal den Shop für den Fall das in den nächsten Schritten des Shopware Updates etwas schief geht.

Dabei sichere ich wie immer nicht nur die Dateien sondern auch die Datenbank, denn auch die wurde nach dem Update verändert.Dafür logge ich mich über das Terminal auf dem Server ein, navigiere in den Ordner und kopiere folgenden Befehl da rein:

tar cfzv backup_20181024_v437.tar.gz ./

Anschließend lade ich mir die Datei per FTP vom Server und hole mir im phpmyadmin ein Backup der Datenbank. Und für diejenigen die noch nie eine Datenbank exportiert haben: Man muss einfach nur auf OK drücken. Wenn die Datenbank größer ist kann man sie noch vorher als zip Datei packen.

4. Update von Shopware 4.3.7 auf Shopware 5.1.2

Jetzt kommt der finale Schritt mit dem wir endlich das Update von Shopware 4 auf Shopware 5 machen werden. Um genau z sein nämlich auf die Version 5.0 – wenn das gut läuft werden wir wieder einen Schritt weiter gehen.

Dafür müssen wir zunächst eine kleine Anpassung der Datenbank vornehmen:

UPDATE s_articles_details SET `additionaltext` = '';
UPDATE s_article_configurator_templates SET `additionaltext` ='';

Klickt einfach auf den SQL Reiter und gebt das da so ein und klickt auf OK:

Shopware Update auf Shopware 5 – Datenbank anpassen

Mit dieser Version von Shopware können wir uns auch endlich anzeigen lassen wie es genau um die Updatefähigkeit steht. dafür klickt man in der Navigation oben auf das Fragezeichen > dann auf Softwareaktualisierung und dort dann jeweils auf den Voraussetzungen…

Shopware Update auf Shopware 5 – Softawareaktualisierung – Voraussetzungen

und auf den Plugins-Reiter.

Shopware Update auf Shopware 5 – Softawareaktualisierung – Plugins

Wenn da alles ok ist würde ich sogar behaupten wollen dass man schon einen größeren Sprung Richtung 5.1.6 wagen könnten. Gut also dann lösche wir jetzt erstmal die Störenfried-Plugins.

Shopware Update auf Shopware 5 – Stoerenfried Plugins

Wo finde ich die? Per FTP navigiere ich in den Ordner: /web/engine/Shopware/Plugins/Community/Frontend

Dort lösche ich beiden Ordner komplett und lösche dann noch in der Datenbank, bei der Tabelle … wieder die dazugehörigen Zeilen damit das System jegliche Erinnerungen an das Plugin vergisst. Nachdem ich das alles + ein Backup gemacht habe mache ich mich auf zum nächsten Update Schritt.

5. Update von Shopware 5.1.2 auf Shopware 5.2.26

In der Shopware version 5.1.2 bekomme ich gleich die Mitteilung, dass das verwendete Theme ab 5.2.2 nicht mehr mitspielt und gegen ein aktuelles Theme ausgetauscht werden muss.

Shopware Update auf Shopware 5 – Emotion Template Warnung

Als erstes prüfe ich wieder im Bereich ?  > Softwareaktualisierung > den Voraussetzungen Reiter, wo mir genau das angezeigt wird was mir die Mitteilung zuvor angezeigt hat:

Shopware Update auf Shopware 5 – Emotion Templates

Sowie den Plugins Reiter wo man mir wieder die neue Version des SOFORT Plugins, was ich nach installiert habe ausreden will und mir ebenfalls vom Cookie Plugin abrät. Gut meinetwegen lösche ich die beiden.

SOFORT und Cookie Plugin
Bevor man diesen Schritt gehen möchte ich noch darauf verweisen, dass man sich im Shopware Community Store anmelden sollten um dort einmal einen Blick in den Lizenzen Bereich zu werfen. Dort muss man nämlich auch noch einmal angeben, dass man nun eine andere Version von Shopware verwendet. Insbesondere wenn folgende Meldung im Backend angezeigt wird:

Shopware Update auf Shopware 5 – Lizenz Upgrades

Wenn ihr da auf den Account aufrufen Link klickt und schon eingeloggt seid kommt ihr auf folgender Seite raus.

Shopware Update auf Shopware 5 – Community Store – Lizenz Upgrades

Etwas verwirrend an dieser Stelle ist, dass man die als inkompatiblem angezeigten Plugins hier nun als Shopware 5 kompatible Plugins angezeigt bekommt.

Wer als auf Nummer sicher gehen will und die Plugin zunächst erst einmal löschen will muss dafür in den Plugins Bereich unter: Einstellungen > Plugin Manager. Dieses Mal geht das Lösch-Prozedere einfacher, denn es werden Lösch Buttons in der Plugin Liste angezeigt. Hier sieht man den Button beim Cookie Plugin.

Shopware Update auf Shopware 5 – Saubere Plugin Liste

6. Thumbnails neu generieren

Nachdem die Plugins gelöscht und das Responsive Theme aktiviert ist steht dem Update auf Shopware 5.2.2 nicht mehr allzu viel im Wege… außer: Die Bilder werden noch sehr winzig angezeigt, da ich die korrekten Thumbnail Größen noch generieren muss.

Hierfür lege ich bei den Thumbnails zunächst folgende Größen neu an:

• 200×200
• 600×600 und
• 280×1280

Das macht man im Bereich Media und klickt dein beim Album Artikel auf das Zahnrad um zu den Einstellungen zu gelangen.

Shopware Update auf Shopware 5 – Thumbnails generieren

Im Screenshot sieht man, dass ich 200×200 eingetragen und die Qualität bei normalen und HQ Thumbnails auf 100 gesetzt habe. Ich bin halt ein Qualitätsjunkie und stehe auf hohe Auflösungen. Andere werden wohl eher dazu raten geringere Werte zu nutzen. Dann klickt man einmal auf Thumbnail erstellen und die neue Größe wird neben dem 720×600 Bildchen angezeigt:

Dann trägt man wieder 200×200 da ein und klickt aber dieses Mal auf Thumbnails generieren worauf diese Frage erscheint dir wir mit Ja beklicken.

Vorgang starten klicken und es geht los.

Shopware Update auf Shopware 5 – Thumbnails generieren 20er Stapel

Das ganze Spielchen muss man dann noch einmal mit den anderen Größen durchführen. Das geht aber schneller als es sich anhört. Ist man mit den Artikeln fertig geht es weiter mit den Einkaufswelten & Bannern wo die neuen Größen wie folgt lauten:

• 800×800,
• 1280×1280 und
• 1920×1920

Abschließend gebt ihr für den Blog noch einmal die gleichen Thumbnail Größen wie bei den Artikel-Bildern an, also: 200×200, 600×600 und 1280×1280 – das war`s. Löscht jetzt den Cache und drückt euch selbst die Daumen, dass die Bilder jetzt alle die korrekte Größe haben.

Bei mir klappt es nicht auf Anhieb und ich beherzige zusätzlich noch einmal die Vorschläge aus diesem Foren Einrag: https://forum.shopware.com/discussion/27251/bilder-im-shop-nach-shopware-5-viel-zu-klein – dort wird vorgeschlagen: Die unnötigen / alten Thumbnail-Größen sollen gelöscht werden. Am Ende dürfen dort nur noch die Größen stehen die wir gerade eben angelegt haben. Das wollte ich an sich eben auch schon machen wußte nur noch nicht wie. Jetzt aber weiß ich es und werde es euch nicht länger vorenthalten:

Shopware Update auf Shopware 5 -Thumbnail Groesse loeschen

Der Screenshot verrät: Mit einem Rechtsklick auf die ungewollten Mini-Thumbnails lassen sich diese löschen. Bei den Artikeln muss es nachher so aussehen:

Shopware Update auf Shopware 5 – Thumbnail Groessen

Danach klicken wir noch einmal auf Thumbnails generieren, löschen den Cache und checken das Frontend. Ergebnis: Es klappt – sehr gut. Jetzt können wir also theoretisch auch schon weiter in Richtung Shopware 5.2 updaten. Den direkten Sprung zu 5.5.2 kann ich nicht empfehlen. Stück für Stück kann man es immer am besten testen.

Was ich vor dem Update zur Shopware 5.2.2 noch empfehlen möchte ist etwaige Emotion Themes vom Server zu löschen. Diese können ab 5.2 nicht mehr verwendet werden und sorgen nur für unnötigen Ballast auf dem Weg zur nächsten Shopware Version. Die Templates findet ihr unter: /web/templates

Was noch? Man muss die Datenbankeinträge der Templates in der Tabelle s_core_templates noch entfernen:

Da kann man im Endeffekt alle bis auf Responsive und Bare raus löschen. Falls das nicht direkt schrieb noch einer im Forum dass man außerdem noch alle Dateien und Ordner unterhalb des Ordners cache/template auf dem Server löschen müsse. Das konnte ich aber nicht nachvollziehen, das es auch so schon bei mir ging.

Ok jetzt kann ich endlich das Update Paket runterladen um die Dateien per FTP auf den Server zu laden. Bei knapp 1.600 Dateien kann das eine Weile dauern…

Wenn alle Dateien hochgeladen sind rufe ich diedomain.de/recovery/update auf um den bekannten update Prozess ein weiteres Mal durchzuführen.

Dann alle Caches und den Browser Cache löschen und einen Blick in die Systeminformationen werfen. Wenn da alles in Ordnung ist, können wir auch mal auf PHP 7.2 hochschalten, ein Backup der Shopdateien- und Datenbank erstellen und zur nächsten Version übergehen.

7. Update von Shopware 5.2.26 auf Shopware 5.3.37

Und wir nähern uns wieder ein Stück weiter dem Ziel einer top-aktuellen Shopware Installation. Zunächst einmal laden wir uns das Update Paket für die Version 5.3.37 runter und gehen dafür wieder auf: https://community.shopware.com/Downloads_cat_448.html – ist das Paket geladen und entpackt kann es auch schon auf den Server. Dieses Mal sind es schon 12.600 Dateien.

Nach dem Update vergessen wir nicht den update-assets Ordner und den Browser Cache zu löschen. Nach em erfolgreichen Update legen wir zudem auch wieder ein
Backup an.

8. Update von Shopware 5.3.37 auf Shopware 5.5.2

Dieses Mal machen wir e einfach aus dem Backend: Und es klappt! Wir sind am Ziel einer weiten Reise von Shopware 4.1.4 bis zu Shopware 5.5.2 angekommen. Wenn du es auch geschafft hast – herzlichen Glückwunsch! Falls nicht weißt du ja wo das Kontaktformular ist.

9. Weiterführende Links & Quellen:

Tipps zum Update von Shopware 4 auf Shopware im Forum:
https://forum.shopware.com/discussion/21794/update-von-4-0-6-auf-4-3
Updates ab Shopware 5.2:
https://en-community.shopware.com/Updating-Shopware_detail_1883.html
Veraltete Shopware Plugins manuell entfernen:
https://forum.shopware.com/discussion/27018/wie-kann-ich-ein-plugin-manuell-entfernen-hier-sofort
Zusatz-Tipps und Fehler beim Update auf Shopware 4.3.0:
https://forum.shopware.com/discussion/21394/update-auf-4-3-nicht-moeglich-strict-standards-fehler#p94780
Zusatz-Tipps und Fehler beim Update auf Shopware 4.3.2:
https://forum.shopware.com/discussion/22951/update-problem-von-4-3-0-auf-4-3-2-fehler-500
Alle Shopware Releases bis Shopware 4.0
https://github.com/shopware/shopware/releases
Templates richtig löschen:
https://forum.shopware.com/discussion/11728/template-richtig-loeschen

Der Beitrag Update von Shopware 4 auf Shopware 5 erschien zuerst auf Shopware Agentur | Great2Gether.

Wer einen Shopware Shop betreiben möchte in dem zahlreiche Produkte mit vielen Bildern eingebunden werden, der muss sich vorab über einige Dinge Gedanken machen. In diesem kurzen Beitrag wollen wir auf diese Punkte eingehen.

• Auflösung und Größe
• Minifizierung und Dateiformat
• SEO optimierte Dateinamen

Shopware Produktbilder – Auflösung und Größe

Die Produktbilder müssen bevor sie im Shop hochgeladen werden können sofern nicht schon geschehen, auf einige wichtige Eigenschaften geprüft werden. Auflösung für Web: 72 dpi – Die Auflösung der Bilder sollte nicht 300 dpi sondern 72 dpi betragen. Ersteres wird für den Druck verwendet letzteres für die digitale Verwendung, beispielsweise in einem Online-Shop oder auf einer Webseite.

Maximale Breite – 2500 px – Die Bildmaße sollten in der Breite 2500px nicht überschreiten sofern Sie es nicht übertreiben wollen oder 90% Ihrer Kunden Riesen-Retina Bildschirme verwendet und die Bilder über die volle Breite angezeigt werden. Bei Shopware selbst wurde mir geraten 4000px Breite PNG Dateien zu verwenden, um insbesondere in den Einkaufswelten ein gutes Ergebnis zu erhalten.

Shopware Produktbilder – Speicherung für Web

Speicherung für Web – Photoshop bietet die Funktion Für Web speichern an.

Für Web speichern in Photoshop
Für Web speichern in Photoshop Elements

Folgende Shortcuts führen einen zur Für Web speichern Einstellung:
(Win) —-> Strg + Alt + Umschalt + S
(Mac) —-> Befehlstaste + Wahltaste + Umschalt + S

Ansonsten gibt es auch noch praktische Tools wie jpegmini oder tinypng mit denen man seine Bild-Dateien minifizieren kann.

Korrekte Dateiformate – Es sollten ausschließlich .jpg und / oder .png Dateien verwendet werden.

SEO optimierte Dateinamen

– Es dürfen keine Leerzeichen im Dateinamen vorkommen.
– Es dürfen keine Umlaute (ö,ä,ü) im Dateinamen vorkommen.
– Es dürfen keine Sonderzeichen im Dateinamen vorkommen.

Alle Dateien im Shop sollten nach einem wiedererkennbaren Muster benannt werden. Das könnte so aussehen:

kategoriename-produktname-var1-var2-var3.jpg

Würde man dieser Vorlage folgen sähe der Dateiname einer Hundejacke, mit dem Produktnamen Rom, für Rüden (Variante 1:Geschlecht) in blau (Variante 2: Farbe) und der Größe S (Variante 3: Größe) folgendermaßen aus:

hundejacke-rom-rueden-blau-s.jpg

Gibt es das Modell in den 5 Größen von XS – XL ergäben sich folgende Dateinamen:

hundejacke-rom-rueden-blau-xs.jpg
hundejacke-rom-rueden-blau-s.jpg
hundejacke-rom-rueden-blau-m.jpg
hundejacke-rom-rueden-blau-l.jpg
hundejacke-rom-rueden-blau-xl.jpg

Gäbe es das Modell Rom auch für Weibchen hätte man folgende Dateinamen:

hundejacke-rom-weibchen-blau-xs.jpg
hundejacke-rom-weibchen-blau-s.jpg
hundejacke-rom-weibchen-blau-m.jpg
hundejacke-rom-weibchen-blau-l.jpg
hundejacke-rom-weibchen-blau-xl.jpg
hundejacke-rom-rueden-blau-xs.jpg
hundejacke-rom-rueden-blau-s.jpg
hundejacke-rom-rueden-blau-m.jpg
hundejacke-rom-rueden-blau-l.jpg
hundejacke-rom-rueden-blau-xl.jpg

Für den Fall, dass es pro Variante mehrer Fotos gibt kann man am Ende eine Zahl dranhängen wie in diesem Beispiel wo einige Varianten 2 oder 3 verschiedene Bilder (hier in kursiv) haben.

hundejacke-rom-weibchen-blau-xs.jpg
hundejacke-rom-weibchen-blau-xs-2.jpg
hundejacke-rom-weibchen-blau-xs-3.jpg
hundejacke-rom-weibchen-blau-s.jpg
hundejacke-rom-weibchen-blau-m.jpg
hundejacke-rom-weibchen-blau-m-2.jpg
hundejacke-rom-weibchen-blau-l.jpg
hundejacke-rom-weibchen-blau-xl.jpg
hundejacke-rom-rueden-blau-xs.jpg
hundejacke-rom-rueden-blau-xs-2.jpg
hundejacke-rom-rueden-blau-xs-3.jpg
hundejacke-rom-rueden-blau-s.jpg
hundejacke-rom-rueden-blau-m.jpg
hundejacke-rom-rueden-blau-m-2.jpg
hundejacke-rom-rueden-blau-l.jpg
hundejacke-rom-rueden-blau-xl.jpg

Die optimierte Benennung der Dateien bringt folgende Vorteile mit sich:

• Die Bilder lassen sich auf dem Rechner besser finden
• Google erkennt anhand des Dateinamens die Inhalte
• Die Suche in der Mediathek des Shops wird signifikant erleichtert

Wie benennt ihr eure Bild-Dateien? Mit System, ohne System? Mal so, mal so? Schreibt es uns in die Kommentare und abonniert unseren Newsletter!

Der Beitrag Shopware Produktbilder – Die perfekte Bild-Datei erschien zuerst auf Shopware Agentur | Great2Gether.

In diesem Artikel zeige ich euch den Verlauf und die Vorraussetzungen der Shopware 6 Installation.

Zum Inhalt:

1.  Wir bereiten den Server vor
2. Systemvoraussetzungen
3. Upload der Dateien
4. Der Installations Assistent
5. Fertig!

1. Shopware 6 Installation – Der Server

Wenn wir einen Shopware 6 Shop betreiben wollen, müssen wir uns ersteinmal gedanken zur Serverstruktur machen. Ebenso wird eine Domain benötigt. Domains sollten kurz einprägsam und leicht zu schreiben sein. Der Server-Anbieter sollte zertifizierter Shopware Partner sein. Wir selber hosten bei Profihost. Eine Liste aller Partner findet sich hier: https://www.shopware.com/de/partner/hosting/

Es sollte nicht zu wenig Webspace sein, wir empfehlen mindestens 5-10 GB für einen Shopware 6 Shop. Je mehr Artikel, Fotos und Videos hinzukommen wird der Bedarf entsprechend größer. Für einen amtlichen Shopware Webspace sollte man ca. 50 € / Monat einplanen.

Die Webseite muss zudem per SSL gesichert sein.

WICHTIG: Verwenden Sie für einen Live-Shop keine kostenlosen Let`s Encrypt Zertifikate sondern nur kostenpflichtige Zertifikate von Ihrem Hosting-Anbieter.

2. Shopware 6 – Systemvoraussetzungen

Nun testen wir ob unser Server alle erforderlichen Voraussetzungen erfüllt.

Normalerweise sollte alles stimmen wenn wir bei einem Shopware Hostingpartner einen Server buchen.

Unter folgendem Link erfahrt ihr weitere Einzelheiten zum Thema: Shopware 6 Systemanforderungen.

3. Shopware 6 Installation – Upload der Dateien

Die neuste Shopware Version bekommt ihr über die offizielle Shopware Webseite: Shopware Community Edition, kostenlos runterladen.

Shopware 6 Installation – Download

Wir entpacken die .zip Datei auf unserem Computer und verbinden uns per FTP auf den gemieteten Server. Dann ziehen wir einfach die Shopware Dateien auf den Server und lassen sie alle Hochladen.

Nun können wir auf den Installations Wizard in unserem Browser navigieren:

www.DeineDomain.xyz/public/

4. Shopware 6 Installation – Der Assistent

Die Auswahl der Sprache

Als erstes werden wir gefragt, in welcher Sprache wir den Assistenten ausführen wollen. – Ich werde für dieses Tutorial Deutsch benutzen.

shopware-6-installation-sprache-auswählen

Systemvoraussetzungen

Im zweitem Schritt der Installation wird überprüft ob wir alle Vorraussetzungen erfüllen um Shopware 6 zu Installieren. ( Wir sind schon weiter oben im Beitrag auf die Vorraussetzungen eingegangen.) Sollten dennoch Fehler aufgetreten sein, kontaktierst du am besten deinen Hoster dieser wird die Fehler für dich beheben.

Die AGBs bestätigen

Nachdem wir das auch geschafft haben, müssen wir jetzt die AGBs bestätigen. Danach klicken wir einfach auf „Weiter“.

Datenbank

Jetzt wird es schon etwas anspruchsvoller – Nun müssen wir die von unserem Hoster gegeben Zugangsdaten zu unserer MySQL Datenbank eingeben. In den meisten Fällen sind der DB-Name, der DB-Benutzer Name und das DB-Passwort bereits ausreichend. Bei einigen Anbietern ist es auch notwendig zusätzlich den Datenbank Server anzugeben. Bei unserer Testinstallation auf einem Profihost Server, war dies jedoch nicht notwenig.

Shopware 6 Installation – AGB Bild

Die Installation

Nun können wir uns für einen kurzen Moment einfach nur zurücklegen und genießen. Alle Dateien werden nun auf dem Server installiert. Da dies eine große menge an Dateien sind, kann dieser Prozess einige Minuten dauern.

Shopware 6 Installion – Installations Prozess

Konfiguration

Herzlichen Glückwunsch! Das gröbste ist geschafft! – Dieser Schritt ist eigentlich selbstverständlich. Wir füllen einfach die geforderten Informationen in die dafür vorgesehen Felder ein. Danach klicken wir auf „Weiter“.

Fertig

Wir haben es Geschafft! Wenn du alles nach diesem Tutorial gemacht hast, solltest du jetzt auf deinem Bildschirm eine Erfolgsnachricht sehen. Dein erster Shopware 6 Shop ist nun Installiert!

Quellen & Weiterführende Links:
Shopware 6 GitHub Seite
https://github.com/shopware/shopware
Offizielle Shopware 6 Anleitung:
http://community.shopware.com/Shopware-6-Installer_detail_874.html

Der Beitrag Shopware 6 Installation erschien zuerst auf Shopware Agentur | Great2Gether.

Shopware 6 Steuer bearbeiten – Darum soll es in diesem Artikel gehen. Ich zeige euch, was ihr beachten müsst!

Zum Inhalt:

1. Wo finde ich die Shopware 6 Steuer Einstellungen
2. Wie lege ich einen neuen Steuersatz an?
3. Corona Mehrwertsteuer – Konjunkturpaket 2020
4. Weiterführende Links

1. Wo finde ich die Shopware 6 Steuer Einstellungen?

Wenn wir in der Shopware 6 Administration sind, schauen wir auf die linke Seite und klicken auf den Reiter „Einstellungen“. Dann sehen wir in der 3. Spalte an der 6. Stelle den Menüpunkt „Steuern“ diesen klicken wir an. Dort finden wir die von Shopware bereits vergebenen Standart-Steuersätze.

Shopware 6 Steuer – Standart Steuersätze Bild

2. Wie lege ich einen neuen Steuersatz an?

Zum Anlegen eines neuen Steuersatzes klicken wir auf den Button „Steuer anlegen“. Jetzt sehen wir 2 Felder die wir zuerst ausfüllen müssen.

Name: Hier geben wir den Namen des Steuersatzes ein – in unserem Fall „Demo Steuer“

Standart-Steuersatz: In dieses Feld fügen wir nun den normalen nicht ermäßigten Steuersatz ein.

Shopware 6 Steuer – Steuersatz anlegen

Danach klicken wir auf „Speichern“. Jetzt gehen wir ein weiteres Mal in die Einstellungen unseres neuen „Demo Steuersatzes“ und können nun auch das Land auswählen.

Land: Für Bestellungen aus diesem Land gilt unser neu angelegter Steuersatz.

Gilt für: Hier können wir noch spezifischer werden und begrenzen, in welchem Inlandbereich der Steuersatz gilt. Meistens wollen wir aber den Steuersatz auf das gesamte Land anwenden und wählen daher „Gesamtes Land“ aus.

Steuersatz: In dieses Feld geben wir den Steuersatz ein der gelten soll.

Shopware 6 Steuer – Steuersatz für das Land einstellen

3. Corona Mehrwertsteuer – Konjunkurpaket 2020

Mit einer Mehrwertsteuer Senkung hatte so schnell niemand gerechnet – nun ist sie da und stellt viele Shopbetreiber vor die Pflicht ihre im Shop verwendeten Steuersätze zu bearbeiten.

• Hierbei wird der reguläre Mehrwertsteuersatz von bisher 19% auf die neuen 16% gesenkt.
• Der ermäßigte Steuersatz für Grundgüter wird von 7% auf 5% gesenkt.

Wie oben bereits beschrieben wurde, bearbeiten wir jetzt einfach unsere eingerichteten Steuersätze und senken diese von 19% auf 16%. Du kannst dabei selber entscheiden ob du den Brutto oder Netto Steuersatz senken willst. Beachte: Wenn du den Nettopreis anpasst erhältst du eine größere Gewinnspanne.

4. Weiterführende Links:

Eine Übersicht aller Steuersätze:
https://www.die-mehrwertsteuer.de/de/uebersicht-steuersaetze.html

Shopware eigenes Anpassungstutorial:
https://www.shopware.com/de/news/neue-mehrwertsteuer-durch-konjunkturpaket-bereite-deinen-onlineshop-vor/

Der Beitrag Shopware 6 Steuer einstellen und konfigurieren erschien zuerst auf Shopware Agentur | Great2Gether.

Shopware Hosting Empfehlungen – Egal ob im Shopware Forum oder aber Facebook Gruppen, neben vielen gemischten Fragen fällt regelmäßig die eine Frage nach dem richtigen Shopware Hosting Anbieter. In diesem Beitrag möchten wir einmal auf diese „ewige Frage“ eingehen und unsere Empfehlungen aus eigener Erfahrung aussprechen.

Übersicht:

• Providerdienste
• dogado (vormals: Aixpro)
• Timme Hosting
• Profihost
• Hosteurope
• Mittwald
• Shopware as a Service

Shopware Hosting bei Providerdienste.de

Als erstes empfehlen wir den Hosting Anbieter, der seit Tag 1 Shopware Shops hostet. Es waren die Herren von Providerdienste.de auf dessen Server der allererste Shopware Professional Edition Shop online gestellt wurde. Ich durfte den Gründer und Geschäftsführer auf einem Shopware Meeting kennenlernen und lauschte seinen Anekdoten aus diesen spannenden Tagen.

Seit einigen Jahren arbeiten wir immer mal wieder mit den Kollegen von BLmedia, die den Service von Providerdienste seit langen hochzufrieden nutzen. Also: Klare Empfehlung aus zweiter Hand.

Shopware Hosting bei dogado

dogado (vormals Aixpro) war der erste Hosting Anbieter, der jede erdenkliche Shopware Zertifizierung für Shopware 5 und Shopware 6 besaß & besitzt. Diese sind im Einzelnen:

• Shopware Hosting Partner
• Shopware Technology Partner
• Shopware Certified Developer
• Shopware Certified Developer Advanced
• Shopware Certified Template Designer
• Shopware Certified Template Developer

Bei dogado weiß man also nicht nur was man beim Hosting von Shopware beachten muss, nein man hat sich auch zertifiziertes Wissen zu Shopware Design, Programmierung und Technologie angeeignet. Mehr (zertifizierte) Shopware Expertise geht also gar nicht mehr.

LiteSpeed Technologie
Dogado ist zudem aktuell einer der ganz wenigen Anbieter der seine Server bereits mit LiteSpeed Technlogie ausgestattet hat. Diese Technologie ist kompatibel mit Apache Servern und schneller als Nginx Server. Man kann sagen, dass es einfach das schnellste ist, was es aktuell auf dem Markt zu finden gibt. Trotz himmlischer Ausstattung bleiben die Preise bodenständig und beginnen bei knapp 18 € / Monat für ein Einsteiger Paket mit 5GB Speicher.

Rechtskonforme E-Mail Archivierung
Ein weiterer klarer Pluspunkt: Hier kann man auch gleich ein rechtssicheres E-Mail Archiv buchen. Da kann man dann alle wichtigen Geschäfts-Emails für 10 Jahre unveränderlich speichert. Das ist übrigens seit einigen Jahren Pflicht und sollte daher zwingend genutzt werden sofern nicht bereits eine andere Archivierungslösung in Verwendung ist.

Auch alle weiteren Anforderungen werden eingehalten um beim Thema E-Mail-Archivierung auf voller Linie rechtskonform und abmahnsicher agieren zu können. Worauf man (selber) nun nur noch achten muss ist, dass Mitarbeiter keine privaten Mails über geschäftliche E-Mail Adressen versenden. Diese dürfen nämlich auf keinen Fall archiviert werden.

Nachteil: Auf einige Anfragen hat der Vertrieb leicht schläfrig reagiert, weshalb wir trotz hohem Interesse dann doch einen Server bei Profihost gebucht haben. Auch wenn hier das Angebot vor lauter Superlativen und Zertifizierungen nur so strotzt kann ich nur sagen was ich sehe. Ich kenne bisher auch niemanden persönlich der dogado Kunde ist.

Shopware Hosting bei Timme Hosting

Timme Hosting ist unser persönlicher Favorit. Hier hosten wir selber unsere Kunden-Shops und bieten in Kooperation mit Timme Hosting auf größeren Servern kleinere Pakete für unsere Kunden an. Hierbei können wir jederzeit auf den professionellen Support des Timme Hosting Teams zurückgreifen. Mittlerweile kennen wir uns auf den Servern aber selber wie in unserer Westentasche aus und regeln vieles auch ohne nachfragen zu müssen.

Nachteil: Die Server werden beispielsweise mit Squirrelmail als Webmailer ausgeliefert, womit damals noch die Dinosaurier ihre Mails verschickt haben. Was uns ebenfalls fehlt ist das E-Mail Archiv. Man muss dazu sagen, dass man hier einfach mehr wert auf das eigentliche Hosting der Seite legt.

Dein Vorteil: 20% Rabatt auf alle Plugins aus unsere Community Store Angebot: https://store.shopware.com/great2gether.html bei Hosting auf unseren (Timme Hosting) Servern.

Shopware Hosting bei Profihost

Ja die Jungs von Profihost haben den Namen definitiv verdient. Es sind einfach Profis die auf alles eine Antwort haben und deren Server reibungslos laufen. Die Reseller-Server sind übersichtlich und das Flex-Hosting eine interessante Option seinen Vertrag modular anzupassen. Auch die Option CPU-Kerne, Speicher und Arbeitsspeicher gesondert hinzu zu buchen sind nicht zu verachten (fordern aber ihren Preis).

Der Support ist sehr persönlich. Man telefoniert, schreibt E-Mails oder sogar SMS mit seinem persönlichen Berater. Das ist schon ein Luxus den man gern genießt wie den 24 Std. Support in den guten alten Hosteurope Zeiten.

Nachteil: Bei Servern – nichts für Sparfüchse sondern einfach für Profis die sich mit illustren Kunden wie Frosta, Trigema & Co. einreihen möchten. Die Pakete sind durch die ganzen Zusatz-Optionen auch ein Stück weit unübersichtlich. Bei Shopware Webhosting Paketen wiederum bekommt man schon fast wieder zu viel des Guten, wie zum Beispiel 100GB SSD-Webspace für schlappe 25 €. Sogar die Server mit über 100 € / Monat haben gerade einmal 50GB.

Shopware Server bei Hosteurope

Hosteurope war der erste Anbieter auf deren Servern wir Shopware Shops installiert und den Anbieter seinerzeit auch gerne empfohlen haben. Das war aber zu Shopware 4 Zeiten und ab Shopware 5 gab es zu viele Probleme, so dass wir uns für einen Server bei Timme Hosting entschlossen haben und seitdem damit sehr zufrieden sind.

Da aber mittlerweile ein guter Freund bei Hosteurope arbeitet und auch schon vorher ein anderer Kumpel dort gearbeitet hat empfehle ich Hosteurope trotzdem. Zum Beispiel für WordPress Seiten. Das geniale bei Hosteurope ist einfach der 24 Support, der mir damals nicht selten mitten in der Nacht ein bestimmtes Körperteil gerettet hat.

Shopware Server bei Mittwald

Kann ich nicht empfehlen. Die Server haben mich verrückt gemacht. Von allen zertifizierten Shopware Hosting Partnern war hier das System am inkonsistentesten. Das einzige was ich bei Mittwald empfehlen kann ist der AVV-Manager der sehr praktisch ist, den ich aber nicht mehr benutzen darf weil ich nach einem Wutausbruch „sehr freundlich“ zu den Mitarbeitern war.

Gut ich hatte 30 Tage Zeit den meiner Meinung nach vollkommen überteuerten Server zu testen. Fakt ist aber dass man in 30 Tagen normalerweise nicht alle Einstellungen einmal durchprobiert sondern die Dinge nach und nach getan werden. So kamen dann eben nach und nach immer mehr Fehler und Inkonsistenzen zu Tage die dazu geführt haben dass ich die Zahlung eingestellt und mich auf einen Rechtsstreit eingelassen habe. Der schöne AVV-Manager – ich vermisse ihn…

In unserem nahen Agentur-Umfeld gab es auch einen Kollegen der ähnliches zu berichten hatte und von Mittwald definitiv abrät und stattdessen (genau wie wir) Timme Hosting empfiehlt.

Shopware Shops – as a Service

Eine Alternative zum „normalen“ Shopware Hosting gibt es auch noch. Das sind sogenannte Software as a Service oder kurz SaaS Anbieter. Hier bekommt man Shopware nicht nur vorinstalliert sondern etwaige Versions- und Sicherheitsupdates werden ebenfalls vom Anbieter übernommen.

Seit Shopware 6 kann man diesen Service auch direkt bei Shopware selbst buchen und seinen Shop in der sogenannten Shopware Cloud hosten. Im Fokus stehen bei SaaS Anbietern Nutzer mit weniger Vorkenntnis bei eben so wenig Lust irgendwelche Updates zu machen für die kein Mensch Zeit hat. Shopify hat hierbei vorgemacht, wie es funktionieren kann.

Vorteil: Man ist schnell startklar ohne technisches Vorwissen.
Nachteil: Shopware schneidet sich von jedem verkauften Kuchen eine Scheibe ab. Je nachdem wie groß der Scheibenhaufen am Ende ist, lohnt sich eher eine Installation auf dem eigenen Server durch eine hochprofessionelle Shopware Agentur wie uns.

Der Beitrag Shopware Hosting Empfehlungen erschien zuerst auf Shopware Agentur | Great2Gether.

Font Awesome lokal bei Shopware einbinden – heute zeige ich euch einmal in aller Kürze, wie man die Font Awesome Icons DSGVO konform auf seiner Shopware Seite einbindet.

Was euch erwartet:

1. Font Awesome – was ist das?
2. Font Awesome – Die Lizenzen und Versionen
3. Dann kam die DSGVO
4. Font Awesome Icons runterladen
5. Font Awesome Icons ins Shopware Theme legen
6. Font Awesome Icons im Shopware Header einbinden
7. Einbindung der Icons mit LESS
8. Einbindung der Icons mit LESS

1. Font Awesome – was ist das?

Ganz einfach: Font Awesome ist eine Icon Schriftart. So wie es ein eigenes Icon Set von Shopware gibt es auch Icons unterschiedlicher Drittanbieter. Einer davon ist Font Awesome und bietet eine große und professionelle Auswahl an Icons an.

• Font Awesome Community: 20.000.000
• Webseiten mit Font Awesome: 200.000.000

Font Awesome – Coole Icons für deinen Shop

2. Font Awesome – Die Lizenzen und Versionen

Vor ein paar Jahren ist Font Awesome 5 erschienen und konnte zum Launch mit einer sehr viralen Kickstarter Aktion begeistern. Die Aktion erhielt so gutes Feedback, dass es sich zur größten Kickstarter-Aktion bis heute entwickelte.

Es wurden unter anderem auch Lizenzformen vergeben die nur über Kickstarter und nur bis zum Ende der Aktion erworben werden konnten. Hierbei gab es auch einen sogenannte Theme Licence.

Aktuell ist auch schon Font Awesome 6 angekündigt worden und es lohn sich seine Lizenz für eine Pro Version vorzubestellen um einiges zu sparen und ein paar zusätzliche Features zu erhalten.

Font Awesome 6 – Early Access

3. Dann kam die DSGVO

Font Awesome Icons hat man bis dato bedenkenlos über die CDN von Font Awesome geladen. Mit anderen Worten: Die Icons lagen nicht auf dem eigenen Server sondern wurden über einen Link im Header von woanders geladen.

Wer weit weg von Deutschland lebt und keine Abmahnungen zu befürchten hat kann das immer noch tun. Hierfür kann man sich auf https://cdn.fontawesome.com/ seinen Code generieren lassen, der im Header der Seite eingebunden wird.

Was bis Mai 2015 kein Problem war kann heute zu Abmahnungen führen. Tatsächlich sind auf diese Weise unkorrekt eingebundene Icons wie Google Fonts einer der Punkte mit den meisten Abmahnungen. Daher raten wir allen dringend davon ab Schriftarten oder Icons von Drittanbieter-Servern in fernen Ländern über den besagten Link im Header einzubinden.

4. Font Awesome Icons runterladen

Zunächst einmal brauchen wir die Font Awesome Icon Dateien. Diese können wir über folgenden Link runterladen: https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself

Font Awesome Icons – Download

Falls man auf der Seite angemeldet und Besitzer einer Pro Version ist wird einem der Button so angezeigt:

Font Awesome Icons – Download

Wer also ein Theme verkaufen und dieses mit Font Awesome Icons ausstatten möchte, der darf hierfür zunächst einmal nur die kostenlose Version der Icons verwenden. Es soll ein eigener Shop angepasst werden? Dann kann auch die kostenpflichtige Version genutzt werden.

5. Font Awesome Icons ins Shopware Theme legen

Ist die Zip Datei der kostenlosen Font Awesome Icons geladen und entzippt sehen wir darin die folgenden Ordner:

Font Awesome – Ordner

Was das alles genau für Dateien sind wird auf der Seite mit dem Download-Link näher erläutert. Wenn ih keine Lust habt die Seite noch einmal aufzurufen macht einfach was ich euch sage: Als erstes geht ihr in euer (Child-) Theme und legt im Ordner frontend/_public/src/ einen weiteren Ordner an und nennt den „fonts“. In diesen Ordner könnt ihr dann zusätzliche Schriftarten, beispielsweise von google, oder aber eure Font Awesome Icons ablegen. Dafür legt ihr im fonts Ordner dann noch einmal entsprechende Unterordner an.

Jetzt können wir als nächstes die benötigten Font Awesome Dateien in den entsprechenden Ordner laden. Wir benötigen hierbei nicht alles was in der Zip Datei zu finden ist. In der Anleitung heißt es nämlich:

„Copy the entire /webfonts folder and the /css/all.css into your project’s static assets directory (or where ever you prefer to keep front end assets or vendor stuff).“

Sprich wir laden lediglich den Ordner webfonts und den Ordner css in unseren fontawesome Ordner. Aus dem css Ordner löschen wir dann noch alle Dateien bis auf die all.css Datei. Mit diesen Dateien sind wir also fürs erste bedient und können uns nun an die Einbindung machen.

Was wir mit den LESS Dateien aus dem Font Awesome Ordner anfangen können wird weiter unten erläutert.

6. Font Awesome Icons im Shopware Header einbinden

Vorab: Das ist die erste der beiden Möglichkeiten die Icons einzubinden. Die andere Möglichkeit wird weiter unten beschrieben. Zurück zum Thema: Im nächsten Schritt bearbeiten wir die header.tpl Datei unseres Child-Themes.

Diese würde normalerweise, wenn wir die Icons über das CDN von Font Awesome einbinden würden, ungefähr so aussehen:

[php]{extends file=“parent:frontend/index/header.tpl“}

{block name=“frontend_index_header_css_screen“}
{$smarty.block.parent}
{* If needed: Install Google Fonts and Font Awesome and link from here *}

{/block}
[/php]

Den Javascript Code-Schnipsel bekommt man zugeschickt, wenn man auf der CDN Seite seine Email-Adresse einträgt.

Das ist aber wie gesagt die Methode die früher verwendet wurde. Heute sollten wir einen anderen Weg gehen, und unsere eben lokal ins Theme geladenen Font Awesome Dateien anzapfen. Hierfür sollte unsere Datei dann so aussehen:

ACHTUNG: Dies ist der Link wie er aussieht, wenn das Theme als Plugin installiert wurde. Liegt das Theme nicht im Plugins sondern „ganz normal“ im themes Ordner hat der Link wie folgt auszusehen:

$Shop->getHost()}/themes/Frontend/FashionPassion/frontend/_public/src/fonts/fontawesome/css/all.css

NOCHMAL ACHTUNG: Selbstverständlich dürft ihr auch nicht vergessen den Namen eures eigenen Theme Ordners gegen „FashionPassion“ auszutauschen. In dem ersten Beispiel muss zusätzlich der Name des Theme Oberordners (GreatFashionPassionTheme) ausgetauscht werden

{$baseUrl} – Genaue URL des Shops (passt auch mit Unterordner)
{$Shop->getHost()} – Host URL des Shops

7. Einbindung mit LESS

Als erstes legen wir auf gleicher Ebene mit unserer all.less Datei eine fontawesome.less Datei an. Ebenfalls auf dieser Ebene legen wir als nächstes einen Ordner an und nennen ihn _fontawesome – die neue LESS Datei registrieren wir in unserer all.less mit folgender Zeile:

@import „fontawesome“;

Nun legen wir die Dateien aus dem less Ordner der Font Awesome Zip Datei in den frisch angelegten _fontawesome Ordner. Anschließend registrieren wir alle Dateien mit folgenden Zeilen in der fontawesome.less Datei die wir zuvor auf gleicher Ebene mit der all.less Datei angelegt haben (nicht zu verwechseln mit der Datei aus dem less/_fontawesome/ Ordner.

@import "_fontawesome/v4-shims";
@import "_fontawesome/solid";
@import "_fontawesome/regular";
@import "_fontawesome/brands";
@import "_fontawesome/fontawesome";
@import "_fontawesome/_variables";
@import "_fontawesome/_shims";
@import "_fontawesome/_stacked";
@import "_fontawesome/_screen-reader";
@import "_fontawesome/_rotated-flipped";
@import "_fontawesome/_mixins";
@import "_fontawesome/_list";
@import "_fontawesome/_larger";
@import "_fontawesome/_icons";
@import "_fontawesome/_fixed-width";
@import "_fontawesome/_core";
@import "_fontawesome/_bordered-pulled";
@import "_fontawesome/_animated";

als nächstes öffnen wir die Datei _variables.less aus dem _fontawesome Ordner und passen den Link aus der ersten Zeile folgendermaßen an:

@fa-font-path: "../../fonts/fontawesome/webfonts";

Es werden also 2 Punkte und ein Schrägstrich hinzugefügt um korrekt auf unseren webfonts Ordner zuzugreifen den wir in Punkt 5 angelegt haben. Übrigens: Sofern wir die Icons in Shopware mit LESS einbinden, brauchen wir keine (!) Anpassung an der header.tpl Datei vorzunehmen.

So das war`s jetzt kennt ihr 2 Wege wie ihr die coolen Icons von Font Awesome in eure Shopware Shops integrieren könnt. Mit den kostenlosen Icons ist es wie gesagt auch jedem erlaubt diese in Themes einzubauen. Hierbei spielt es keine Rolle ob Geld mit den Themes verdient oder das Plugin kostenlos angeboten werden soll.

8. Links & Quellen

Liste der kostenlosen Font Awesome Icons
https://fontawesome.com/icons?d=gallery&m=free
Liste der Pro Icons
https://fontawesome.com/icons?d=gallery&m=pro
Font Awesome – Support Seite
https://fontawesome.com/support
Font Awesome – Lizenz Infos
https://fontawesome.com/license
Font Awesome 6 vorbestellen:
https://fontawesome.com/6
Offizielle Anleitung von Font Awesome
https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself
Kostenloses plugin zur Font Awesome Integration:
https://store.shopware.com/alm4232818619663f/font-awesome-fontawesome-fa-integration.html
Liste der Shopware Icons:
http://www.pixelpath.de/news/shopware-5-icons

Der Beitrag Font Awesome lokal bei Shopware 5 einbinden erschien zuerst auf Shopware Agentur | Great2Gether.

Um bei Shopware 5 Google Fonts lokal einzubinden bedarf es einiger Schritte, die im Folgenden erläutert werden sollen. Für unser Beispiel verwenden wir die Schriftart Source sans Pro.

1. Schrift im Google Webfonts Helper suchen
2. Schrift-Varianten auswählen
3. Ordner Präfix anpassen
4. CSS Code einfügen und zuordnen
5. Andere Schriftarten lokal einbinden

1. Schrift im Google Webfonts Helper suchen

Als erstes rufen wir den Google Webfonts Helper auf, diesen finden wir unter folgender URL: https://google-webfonts-helper.herokuapp.com/fonts – Hier können wir nun in der Suche nach einer von den 1009 vorhandenen Google Schriftarten suchen. Hierfür geben wir den Schriftnamen einfach in das Suchfeld links oben in der Ecke und schon bekommen wir die Schrift vorgeschlagen.

Ich wähle Source Sans Pro (ohne Serifen / sans serif) und bekommen folgende Inhalte ausgespuckt:

Shopware – Google Fonts lokal einbinden

2. Schrift-Varianten auswählen

Im nächsten Schritt haken wir die unterschiedlichen Varianten der gewünschten Schriftart an. Hier sollten wir sparsam sein und nur das auswählen, was später auch wirklich in unserem Shopware Shop zur Verwendung kommen soll. Ich wähle (das bereits vorausgewählte) regular für den Fließtext und zusätzlich noch 300 für die Einleitungstexte aus. Für Header-Texte werde ich später noch eine andere Schriftart nutzen.

3. Ordner Präfix anpassen

Im nächsten Schritt passen wir den Link zu den Schriftarten bzw. den Ordner-Präfix,an. Die Google Fonts sollen in unserem Child-Theme im Ordner: frontend/_public/src/fonts/googlefonts/ abgelegt werden. Daher müssen wir den Link der bei Punkt 3, der im Standard so aussieht: ../fonts/ anpassen in: ../fonts/googlefonts/ – also alles ganz einfach. Achtet aber darauf, dass ihr das / am Ende nicht vergesst.

Im nächsten Schritt klicken wir auf den Download files Button und laden die Schriftarten zuerst auf unseren Rechner und dann in den oben erwähnten Ordner.

4. CSS Code einfügen und zuordnen

Haben wir die gewünschten Checkboxen aktiviert und die Schriftarten in unserem Child-Theme abgelegt kopieren wir den CSS Code um ihn anschließend in unserer all.less Datei einzubinden.

Shopware – Google Fonts lokal einbinden – LESS Datei

Mit diesen 2 Code-Brocken binden wir die Google Fonts sehr professionell ein, da sie so ziemlich in jedem Format der Welt eingebunden werden und somit auch in jedem Browser eine wunderbare Figur machen werden. Wer es besonders ordentlich haben will erstellt noch eine zusätzliche LESS-Datei in welcher ausschließlich die Codes für die Einbindung der Schriftarten eingefügt werden.

Ihr könnt zum Beispiel im _modules Ordner einen googlefonts2gether.less Datei anlegen, und dort den oben angezeigten Code reinkopieren. In dem Fall liegt die Datei aber eine Ebene in der Ordnerstruktur tiefer, weshalb ihr den Ordner Präfix folgendermaßen setzen müsst: ../../fonts/googlefonts/

Ist die Schrift eingebunden kann Sie nun im letzen Schritt einer bestimmten Klasse zugeordnet werden. Hier sehen wir wie ich der body Klasse die normale Version zuordne:


body {
font-family: Source Sans Pro;
}


Und hier sehen wir, wie ich dem Kategorietext die etwas dünnere Variante mit einer etwas höheren Schriftgröße zuordne:


.category--teaser {
.teaser--text-long {
p {
font-family: Source Sans Pro;
font-weight: 300;
.unitize(font-size, 17);
}
}
}


Wie man sieht geht das ganze recht simpel und sollte daher auch von jedem Shopware Nutzer in der Form umgesetzt werden. Andernfalls gibt es Abmahnungen von Wettbewerbern die sich die Mühe gemacht haben verantwortungsbewußt mit den Daten der User umzugehen.

5. Andere Schriftarten lokal einbinden

Einige von euch werden sicher auch mal eine andere Schriftart einbinden wollen die nicht zur Google Fonts Familie gehört. Ihr habt einfach nur eine .otf oder .ttf Datei und wollt es jetzt irgendwie in euer Shopware Design integrieren. Auch hierfür gibt es einen professionellen Lösungsweg, den ich euch nicht länger vorenthalten will.

Es gibt zum Beispiel Webdienste, wie den von FONT SQUIRREL, mit denen ihr aus normalen Schriftarten Webfonts generieren könnt. Navigiert über diesen Link zum Webfont Generator: https://www.fontsquirrel.com/tools/webfont-generator und ladet dort eure Schriftart hoch.

Shopware – Google Fonts lokal einbinden – Font Squirrel

Optional könnt ihr auch einen Blick auf transfonter.org werfen. Da ich dieses Mal die Dateien direkt in den ../fonts/ und nicht in den ../fonts/googlefonts/ Ordner lege sieht mein Code von transfonter folgendermaßen aus:


@font-face {
font-family: 'Gotham';
src: url('../fonts/Gotham-Bold.eot');
src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gotham-Bold.woff2') format('woff2'),
url('../fonts/Gotham-Bold.woff') format('woff'),
url('../fonts/Gotham-Bold.ttf') format('truetype'),
url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}


Das ganze ordne ich dann wiederum mit diesem Code hier den Überschriften (.hero–headline) in den Kategorien zu:


.category--teaser {
.hero--headline {
font-family: Gotham;
}

.teaser--text-long {
p {
font-family: Source Sans Pro;
font-weight: 300;
.unitize(font-size, 17);
}
}
}


Google Fonts lokal bei Shopware einbinden ist also keine große Sache. Genau so leicht ist es andere Schriftarten hyper-professionell in seine Seite einzubinden um damit zu gewährleisten dass der Shopware Shop in allen Browsern eine gute Figur macht wie Naomi Campbell.

Der Beitrag Google Fonts lokal bei Shopware 5 einbinden erschien zuerst auf Shopware Agentur | Great2Gether.

Shopware 5 Countdown Plugins – Countdowns sind beliebt und treiben die Kunden scharenweise zum Warenkorb-Button sofern man nicht gerade gebrauchte Cola Dosen verkauft. Und wieder stellt sich die Frage – welches Plugin soll ich verwenden und was gibt es im Community Store überhaupt im Angebot?

1. Countdown über dem Header
2. Versand-Countdown
3. Produkt-Slider Countdown
4. Countdowns in Einkaufswelten
5. Abverkaufs-Artikel Warenkorb-Countdown
6. Rabatt-Gutschein Countdown
7. Countdown für Neuankündigungen
8. Wartungsmodus Countdown
9. Mindestbestellwert Countdown
10. Liveshopping

1. Shopware 5 Countdown- Über dem Header

1.1 Aktionsbanner mit chronologischem Countdown

Wer es oben mag der kann einen Header soweit oben einbauen, dass er jedem Kunden sofort ins Auge springt. Direkt über dem Header an aller-aller-oberster Stelle. Das ist möglich mit dem Plugin: Aktionsbanner mit chronologischem Countdown von der Agentur PLATZDORSCH Webentwicklung.

Links ist der Countdown, rechts ein Action-Button und in der Mitte Platz für einen Header und Sub-Header. Das gute: Der Countdown und der Action-Button sind über jede Einstiegsseite verfügbar und nicht auf bestimmte Bereiche, wie z.B. eine Einkaufswelt in einer bestimmten Kategorie oder der Startseite beschränkt.

Im Backend lassen sich trotz Minimalismus im Frontend zahlreiche Einstellungen vornehmen. Zum Beispiel kann man den Countdown Bereich statt über, auch unter der Seite anzeigen lassen, die Farben anpassen und bestimmen ob ein Cookie gesetzt werden soll, wenn der Banner geschlossen wurde. Wenn ja sollte dieser Fakt auch in die Cookie-Erklärung genommen werden. Top: Man kann bis zu 3 Aktionen einrichten, die nacheinander eingeplant werden können.

Countdown Plugins – Über der Seite

Preise:
Kaufversion: 34,90 €
Mietversion: n.v.
Shopware 6 Version: In Planung
https://store.shopware.com/pdwe285202408984/aktionsbanner-mit-chronologischem-countdown.html

1.2 Countdown Timer

Ein weiterer Countdown, der sich über der Seite einbinden läßt, ist der Countdown Timer. So schlicht wie der Name so simpel der Aufbau und Inhalt: Ein Countdown, ein Spruch – fertig. Sowas eignet sich zum Beispiel um einfach mal einen Countdown auf Silvester oder Weihnachten zu setzen um die generelle Vorfreude auf ein bestimmtes Event anzukurbeln. Erstellt wurde die Erweiterung von Shopware Solution und ist mit einem Kaufpreis von 6 € so gut wie geschenkt.

Shopware 5 – Weihnachts Countdown

Preise:
Kaufversion: 6,00 €
Mietversion: n.v.
Shopware 6 Version: In Planung
https://store.shopware.com/ace3636771630716/countdown-timer.html

1.3 Countdown Banner für Angebote, Sales & Nachrichten

Das letze Plugin aus der Kategorie „Countdown über dem Header“ nennt sich Countdown Banner für Angebote, Sales & Nachrichten und wurde von Zenit Design entwickelt. Vom Design her ist es auch auch sehr schon gestaltet und kann nicht nur über der Seite sondern auch am unteren Rand der Seite angezeigt werden.

Was gut gefällt ist die Option im Hintergrund eigene Hintergrundbilder einzubinden und den Bereich dadurch zu individualisieren. Der Countdown-Banner ist von links nach rechts aufgeteilt in 3 etwa gleich große Bereiche. Erst kommt ein Text, dann der Button und ganz rechts der Countdown dessen Zahlen in Kreisen angezeigt werden. Das Plugin ist auch offensichtlich sehr beliebt und wurde schon fast 1000x heruntergeladen. Daher ist es auch kein Wunder, dass die Shopware 6 Version bereits bereit steht.

Shopware 5 – Header Countdown

Preise:
Kaufversion: 39,00.- €
Mietversion: n.v.
Shopware 6 Version: Verfügbar
https://store.shopware.com/zenit84969601236/countdown-banner-fuer-angebote-sales-nachrichten.html

2. Shopware 5 Countdown – Versand

2.1 Versand Countdown / Urlaubsmeldung

Martin Eisenführer hat ein schönes Countdown-Plugin erstellt, das sich Versand Countdown / Urlaubsmeldung nennt.

Bei diesem Plugin geht es darum, bis wann der Kunde bestellen damit das Produkt noch heute oder morgen (oder übermorgen) versendet wird. ich würde behaupten, dass man damit jetzt nicht unbedingt einen zusätzlichen Kaufanreiz schafft sondern eher den Kunden informiert. Er weiß einfach wann das Produkt ungefähr da sein wird.

Aber… die Funktion kann natürlich dazu führen, dass man den Kunden ein Stück weit in Zeitdruck bringt, wenn er sieht, dass das Produkt innerhalb von 10 Minuten bestellt werden muss um es früher zu erhalten. Das kann dann vielelicht dazu führen, dass man das Produkt einfach nur aus diesem Zeitdruck heraus bestellt, obwohl man gerade noch überlegt hat ob man es wirklich braucht, oder einfach nur mal eine Preis-Info haben wollte.

Eins macht es aber ganz sicher: Es sieht irgendwie cool und professionell aus und erinnert an große Shops wie Zalando, Amazon oder andere Platzdorsche. Praktisch für den Shop-Betreiber: Man kann zusätzlich einen eventuellen Urlaub mit dem Plugin einplanen. Wenn der Urlaub beginnt wird statt einem Countdowns eine Mitteilung zur Abwesenheit und eine damit evtl. einhergehende Lieferverzögerung angezeigt.

Countdown Plugins -Vesandcountdown

Preise:
Kaufversion: 49,95 €
Mietversion: n.v.
Shopware 6 Version: Kein Nachfolger geplant
https://store.shopware.com/dreiw15166124325/versand-countdown/urlaubsmeldung.html

2.2 Versand Countdown, Versanddatum für Conversion Optimierung

Ein weiteres Plugin das diese Funktion bietet kommt von DMC-Tec und nennt sich: Versand Countdown, Versanddatum für Conversion Optimierung. Das Plugin verfügt zwar über keine Urlaub-Box, kommt dafür aber mit einem etwas schönerem Design daher. Statt den Countdown nur mit grauem Text darzustellen kann man zusätzlich aus unterschiedlichen Icons wählen und dem Icon eine individuelle Farbe geben.

Shopware 5 – Versand Countdown

Preise:
Kaufversion: 45,00 €
Mietversion: 5,00 € / Monat
Shopware 6 Version: Kein Nachfolger geplant
https://store.shopware.com/dmc7439524016216/versand-countdown-versanddatum-fuer-conversion-optimierung.html

2.3 Versand / Express Countdown – Informieren Sie Ihre Kunden über den Versand, schon vor dem Kauf!

Als letztes Plugin aus diesem Bereich ist das Plugin mit dem überlangem Namen samt Erklärungstext Versand / Express Countdown – Informieren Sie Ihre Kunden über den Versand, schon vor dem Kauf! aus dem Hause NetFactory Gesellschaft für Netzwerklösungen mbH. Mit dem Plugin läßt sich anzeigen wann der Versand stattfinden wird, an welchem Datum die garantierte Lieferung stattfinden wird und bis wann per Expressversand bestellt werden kann.

Das Design ist so wie beim Plugin von Martin Eisenführer relativ schlicht gehalten und verzichtet auf Schnickschnack und Schnörkel.

Countdown-Plugins – ExpressVersand

Preise:
Kaufversion: 29,00 €
Mietversion: n.v.
Shopware 6 Version: Kein Nachfolger geplant
https://store.shopware.com/dmc7439524016216/versand-countdown-versanddatum-fuer-conversion-optimierung.html

3. Shopware 5 Countdown -Produkt-Slider

Mit dem Produktverkauf Countdown Farbband Plugin der BrandCrock GmbH ist es möglich einen Countdown über seinen Produkt Slidern zu platzieren. Die Frontend Screenshots machen einen professionellen und schicken und modernen Eindruck.

Countdown Plugins – Produktslider

Preise:
Kaufversion: 39,99 €
Mietversion: n.v.
Shopware 6 Version: In Planung
https://store.shopware.com/brand16056263783/produktverkauf-countdown-farbband.html

4. Countdowns in Einkaufswelten

4.1 Einkaufswelten Countdown

Kommen wir nun zum Einkaufswelten Countdown, der VIERPUNKT GmbH, das zur Gattung der Countdowns in Einkaufswelten gehört. Die Besonderheit des Plugins sind die mitgelieferten 13 Counter-Designs die verschiedene Events abdecken. Vom Oktoberfest, über Black Friday und Ostern bis zu Weihnachten wurde an Events gedacht. Man kann aber auch ein neutrales Design auswählen und dieses bei Bedarf weiter über eine selbst zugeordnete CSS Klasse gestalten. Neben dem Countdown kann zusätzlich ein Button und ein frei definierter Text eingegeben werden.

Es können beliebig viele Countdowns angelegt werden und auch mehrere in der gleichen Einkaufswelt zu verwenden ist möglich.



Preis: 34,99 €
Shopware 6 Version: Bereits online
https://store.shopware.com/vierp69636333753/einkaufswelten-countdown.html

4.2 Stylisch schöne Weihnachten & Silvester mit Schneeflocken

Das nächste Countdown plugin für Einkaufswelten kommt von der mediameets GmbH – es ist sehr speziell auf die Weihnachtszeit ausgerichtet. Das sagt auch schon der Name des Plugins: Stylisch schöne Weihnachten & Silvester mit Schneeflocken. Im Hintergrund des Countdowns können verschiedenen mitgelieferte Bilder oder aber eigenen motive verwendet werden. Man kann Schnee aktivieren und den Countdown entweder auf Silvester, Weihnachten oder das Datum an dem das Produkt noch garantiert vor Weihnachten geliefert werden kann.

Shopware 5 -Countdown-Plugins -Weihnachten

Preise:
Kaufversion: 94,99 €
Mietversion: n.v.
Shopware 6 Version: nicht geplant
https://store.shopware.com/media50374996070/stylisch-schoene-weihnachten-silvester-mit-schleeflocken.html

5. Abverkaufs-Artikel Warenkorb-Countdown

Es gibt einen feinen Unterschied zwischen dem Einkauf in einem echten Geschäft wo man einen Einkaufskorb oder Einkaufswagen verwendet und einen Online Shop in dem man die gewünschten Produkte quasi nur als Einkaufszettel in den Warenkorb legt. Was heißt das konkret? Wenn ich im Supermarkt das letzte Paket Toilettenpapier in den Einkaufswagen lege gehört es, sofern ich den Wagen nicht unbeobachtet in einem anderen Gang stehen lasse, so gut wie mir. Ich muss den Wagen nur zur Kasse rollen, die Ware aufs Band legen bezahlen und das war`s. Wenn ich aber online ein bestimmtes Produkt, das schlimmstenfalls nur noch 1x auf Lager ist im Warenkorb habe kann es passieren dass jemand anderes das Produkt 4 Sekunden später in den Warenkorb legt und dann auch noch 10 Sekunden früher als du zur Kasse geht, sich kurz bei Paypal einloggt und die Ware bezahlt.

Das Ergebnis: Das was du eben noch fröhlich in den Warenkorb gelegt hast hat jetzt ein anderer Spezialist quasi aus deinem Einkaufswagen heraus weggekauft. In der Regel habe die Shops natürlich genug von allem auf Lager. Aber gerade bei Abverkaufsartikeln und Einzelstücken ist die Wahrscheinlichkeit, dass einem etwas weg gekauft wird eine großes Stück wahrscheinlicher.

Ich kenne diese Funktion z.B. vom Kauf von Fußball-Tickets die je nach Begegnung sehr schnell ausverkauft sein können. Hier hat man es dann so eingerichtet, dass jedes Ticket das von einem Kunden bereits in den Warenkorb gelegt wurde für 10 Minuten reserviert ist und so lange auch niemand anderes das Ticket in den Warenkorb legen kann.

Und genau an der Stelle setzt das Plugin Reservierung für Abverkaufs-Artikel mit Countdown an. Der Shop-Betreiber kann hierbei die Dauer der Reservierung individuell bestimmen und kann somit Überverkäufe und die damit einhergehenden langen Gesichter vermeiden.

Countdown – Warenkorb Reservierung

Preise:
Kaufversion: 199.- €
Mietversion: 16.- €
https://store.shopware.com/coe6803747289577/reservierung-fuer-abverkaufs-artikel-mit-countdown.html

6. Rabatt-Gutschein Countdown

Die Entwickler von PDSM haben ihr Rabatt-Gutschein Plugin folgendermaßen getauft: Gutschein Cookie zeitgesteuert Countdown 30% mehr Conversion. Ein definitiv recht lager und leicht holpriger Plugin-Name mit einer coolen Funktion. Ob die Funktion, so wie es Namen steht, auch tatsächlich 30% mehr Conversions sorgt haben wir noch nicht getestet, aber sicher hört es sich verlockend an.

Was macht das Plugin? Ganz einfach es zeigt einen zeitlich begrenzten Rabatt-Code an, der einen förmlich zwingt schnell einzukaufen oder andernfalls ein unglaubliches Schnäppchen zu verpassen. Man kann also einen Gutschein Code eintragen, die Farben bestimmen und einen alternativen Text eingeben, der angezeigt wird sobald die Zeit aus dem Countdown abgelaufen ist.

Shopware 5 – Rabattgutschein Countdown

Preise:
Kaufversion: 39.- €
Mietversion: n.v.
Shopware 6 Version: In Planung
https://store.shopware.com/cubis31736548447/gutschein-cookie-zeitgesteuert-countdown-30-mehr-conversion.html

Dann gibt es noch ein feines Plugin mit Countdown von den webpiloten, es nennt sich – Click&Sell Gutscheinbanner mit Countdown und ist zur Zeit das einzige Countdown Plugin für Shopware 5 was einfach mal kostenlos ist. Unglaublich! Mit dem Plugin läßt sich ein relativ dezenter Streifen am unteren (oder oberen) Rand der Webseite einbinden, in dem man eine Zeile Platz für den Inhalt hat.

Dieser Inhalt könnte z.B. so lauten: „Sparen Sie 10% mit dem Code Gutschein2020 – Läuft ab in 23h 22m 38s“. Da es vollkommen kostenlos ist, wäre es einen Versuch wert so ein Plugin in seinem Shop zu verbauen.

Shopware 5 – Gutschein Countdown

Preis: kostenlos
Shopware 6 Version: Nicht geplant
https://store.shopware.com/spno244874132810f/click-sell-gutscheinbanner-mit-countdown.html

7. Countdown für Neuankündigungen

Während sich die meisten Plugins um Countdowns für bereits kaufbare Plugins handeln, gibt es auch Countdowns für Produkte deren Verkaufsstart noch in der Zukunft liegt und bei denen keine Vorbestellung möglich ist. Das Produkt wird hierbei an diversen Stellen als noch nicht bestellbar markiert und zusätzlich mit einem Countdown versehen. Doe antony Systemhaus GmbH hat zu diesem Zweck das Plugin mit dem Namen Countdown für noch nicht bestellbare Artikel und Neuankündigungen erstellt.

Was macht das Plugin: Dort wo in Produktboxen, die in den Kategorien angezeigt werden, normalerweise der Warenkorb Button erscheinen würde, erscheint nun ein Button mit Countdown. Der Countdown ist dabei, alleine schon aus Platzgründen, relativ schlicht gehalten doch man versteht gleich worum es geht. Das gleiche Prinzip wird auch auf der Artikelseite beibehalten. Wieder ist der Warenkorb-Button ausgegraut und mit einem Countdown versehen. Zusätzlich erscheint über dem Button ein kleiner Anmerkungstext mit dem Erscheinungsdatum des Artikels.

Countdown für Neuveröffentlichungen

Preise:
Kaufversion: 29,00 €
Mietversion: n.v
Shopware 6 Version: Nicht geplant
https://store.shopware.com/ant7383046661446/countdown-fuer-noch-nicht-bestellbare-artikel-und-neuankuendigungen.html

8. Wartungsmodus Countdown

Wer einen stark frequentierten Shop hat un ihn aus einem bestimmten Grund für eine Weile in den Wartungsmodus stellt tut gut daran seinen Besuchern mitzuteilen wann der Shop wieder da ist. Bei einem Fehler kann man das natürlich immer schwer vorhersagen, aber dann kann man halt auch etwas mehr Zeit eintragen um auf Nummer sicher zu gehen. Zu früh wieder da zu sein wird niemandem schaden und notfalls kann man dann auch einfach abwarten, wenn man sich an seinen Countdown halten will.

Das Layout ist modern und kann durch Einbindung eines eigenen Hintergrundbilds zudem schnell individualisiert werden.

Shopware 5 Wartungsmodus Countdown

Preise:
Kaufversion: 1,00 €
Mietversion: n.v
Shopware 6 Version: Nicht geplant
https://store.shopware.com/ace3629197512174/wartungsmodus-mit-countdown-funktion.html

9. Mindestbestellwert Countdown

Mit dem Mindestbestellwert Countdown Plugin der netzreform GmbH können Shops, bei denen für den Einkauf ein Mindestbestellwert verpflichtend ist dem Kunden im Warenkorb anzeigen lassen wie hoch der Mindestbestellwert ist und wie viel Euros noch im Warenkorb fehlen um bestellen zu können. Hier wird also nicht die Zeit automatisch runter gezählt, sondern das Geld. Abhängig vom Warenkorbwert hier die Differenz zum Mindestbestellwert runter gerechnet.

Das trägt zur Usability bei und informiert den Nutzer, ohne dass er die AGB oder Lieferbedingungen extra aufrufen muss. Dieses Plugin macht nur für solche Shopbetreiber einen Sinn, die den Einkauf erst ab einem Mindestbestellwert erlauben.

Shopware 5 – Mindestbestellwert Countdown

Preise:
Kaufversion: 45,00 €
Mietversion: n.v
Shopware 6 Version: Nicht geplant
https://store.shopware.com/nrbn446662764224/mindestbestellwert-countdown.html

10. Liveshopping

Das Liveshopping Plugin ist wohl eines der effektivsten Countdown Plugins und trotz einiger schlechter Bewertungen auch das beliebteste. Zunächst einmal wird die Funktion geboten ein bestimmtes Produkt für einen bestimmten Zeitraum zu rabattieren. Ist dies geschehen wird fortan bei dem Artikel – auf der Artikel-Detailseite – ein Countdown, Seite an Seite mit dem Lagerbestand, angezeigt. Es wird also ein doppelter Druck erzeugt: Erstens hat man wenig Zeit und zweitens gibt es das Produkt nur in begrenzter Menge. Man muss einfach kaufen…

Shopware 5 – Liveshopping

Im Listing wird der Countdown ebenfalls angezeigt, in diesem Fall als kleines Badge / kleine Grafik die oben links über das Produktbild eingefügt wird. Somit steigt die Wahrscheinlichkeit, dass der Nutzer in der Kategorie-Ansicht dieses Produkt anklickt auch noch einmal.

Der „Live“ Shopping Effekt entsteht wiederum durch die Möglichkeit, dass man den Preis in kurzen Intervallen nach oben oder unten anpassen lassen kann. Sprich der Kunde klickt auf ein Produkt und sieht dass es sagen wir mal 100 € kostet, das aber nur noch für 1 Minute, da der Preis dann um 2 € auf 102 € angehoben wird. Was passiert? Er will jetzt kaufen um nicht unnötig drauf zu zahlen. Umgekehrt ist es wie gesagt möglich den Preis immer günstiger werden zu lassen. Der Kunde wartet ab um es zum besten Preis zu kaufen, sieht aber (bestenfalls) gleichzeitig wie der Lagerbestand ständig kleiner wird und ist dadurch wiederum gezwungen nicht zu lange abzuwarten, da er andernfalls leer ausgeht.

Das Liveshopping Plugin von kommt von Shopware selbst und ist mit knapp 4000 Downloads trotz hohem Preis ein Top-Seller.

Preise:
Kaufversion: 495,00 €
Mietversion: 30,00 €
Shopware 6 Version: Nicht geplant
https://store.shopware.com/ace3629197512174/wartungsmodus-mit-countdown-funktion.html

Der Beitrag Shopware 5 Countdown Plugins erschien zuerst auf Shopware Agentur | Great2Gether.

Mit der POP-Methode kannst du deine Zielgruppe bestimmen, deren Probleme herausarbeiten und anschließend ein gutes Produkt bestimmen, das du deinen zukünftigen Kunden anbieten kannst.

Inhalt:

1. POP-Methode – wer braucht sie?
2. POP-Methode – was ist das genau?
3. Ein Fall-Beispiel
4. Wie finde ich die richtigen P`s
5. Das wahrscheinlich beste P
6. Der Spaßfaktor
7. Der Umwelt-Faktor
8. Der Geld-Faktor
9. Der Preis-Faktor

1. POP-Methode – wer braucht sie?

Die POP-Methode soll denjenigen eine Hilfe sein, die sich noch nicht für ein Produkt entscheiden konnten. Wenn man selber Produzent ist erübrigt sich die Frage fürs erste, denn man verkauft halt das, was man produziert hat. Ob das nun handgemachte Naturseife oder Designer Computer-Gehäuse sind. Viele Leute haben die Garage einfach voll mit ihren Produkten und wollen sie an den Mann bringen – in diesem Fall erübrigt sich (zunächst!) die Frage nach dem Produkt.

Es ist zwar davon auszugehen, dass ein Großteil der Leser bereits einen Shop betreibt, doch sicher sind auch einige Leser dabei, die erst noch kurz davor stehen. Einige überlegen vielleicht sogar noch, ob sie es überhaupt machen sollen oder besser ein anderes Projekt in Angriff nehmen sollen.

ABER – auch Leute die bereits ein bestimmtes Produkt herstellen werden im Normalfall früher oder später darüber nachdenken, welches Produkt als nächstes auf den Markt und in den Shop kommen soll. Oder ihr habt einfach ein gute Idee und eine gute Lösung für ein Problem und ihr startet ein zweites, von dem ersten unabhängiges, Projekt.

2. POP-Methode – was ist das genau?

Für all diejenigen, die nun also noch nach einem passenden (neuen) Produkt suchen, möchten wir euch eine ziemlich coole Methode vorstellen. Sie nennt sich die POP-Methode. Viele werden jetzt vielleicht sagen, nein ich will lieber die RAP- oder REGGAE-Methode verwenden. Diese Leute müssen wir fürs erste vertrösten, solche Methoden sind uns bisher nicht bekannt, wenn ihr unseren Newsletter abonniert halten wir euch diesbezüglich aber sehr gerne auf dem Laufenden.

Was ist nun also die POP-Methode? Ganz einfach die POP-Methode stellt dir 3 einfache Aufgaben die innerhalb kürzester Zeit erledigt sein können:

– Pick One Person (Bestimme eine Person )
– Pick One Problem (Bestimme ein Problem )
– Pick One Product (Bestimme ein Produkt)

Heißt: Finde eine Person, bzw. einen sehr genau definierten Personentyp bzw. deinen Avatar, finde als nächstes ein (das möglichst größte) Problem das diese Person hat und bestimme dann anhand dessen das eine Produkt mit dem du (!) sein Problem lösen kannst.

Das muss dann nicht zwingend ein brandneu entwickeltes Produkt sein, sondern kann natürlich auch etwas sein, das es auf dem Markt bereits gibt. Solange der Preis kompetitiv ist und / oder dein Marketing besser ist, kannst du mit jedem Produkt an den Markt gehen. Egal ob du Händler, Großhändler oder Produzent bist. Als Produzent hast du natürlich immer den Vorteil, dass du eine hohe Marge erzielen kannst, wenn du über deinen eigenen Shop verkaufst und der Einzelhandel nicht auch noch mitverdient.

3. Ein Fall-Beispiel

Also spielen wir das einmal durch:

1. Pick One Person / Bestimme Eine Person
Ein ganz normaler Shopware Shop Betreiber ohne eigenen Frontend-Entwickler und ohne fünfstelliges Budget für jährliche Anpassungen und Verschönerungen im Online Shop.

2. Pick One Problem / Bestimme ein Problem
Um SEO-optimierte Banner mit einer zusätzlichen Text-Ebene einzubinden, muss die Professional Edition von Shopware erworben werden. Hierfür fallen 199.- € / Monat oder einmalig 2.495 € an, was gerade für Startups und kleinere Mittelständler einen großen Brocken darstellt.

3. Pick One Product / Bestimme ein Produkt
Der Super Mega Slider ist das passende Produkt. Das Problem wird damit zu einem Bruchteil der Kosten gelöst und das Plugin bietet dabei noch weit mehr Funktionen bietet als den bloßen Banner mit Text, der über ein Bild gelegt wird. Mit dem Super Mega Slider kann nicht nur ein Banner, sondern eben auch ein Slider angelegt werden.

Super Mega Slider – Shopware Slider für Einkaufswelten

Im Slider können im Hintergrund neben Bildern auch Videos oder eine Hintergrundfarbe eingebunden werden. Das Sahnehäubchen ist die Funktion ein YouTube Video (DSGVO-freundlich) einzubinden.

Oft passiert es natürlich, dass wir selber ein Problem haben, was sich mit den aktuell auf dem Markt befindlichen Produkten nicht, oder nicht gut genug lösen lassen. In solchen Momenten, in denen sich Menschen mit Leidenschaft an die Lösung eines Problems machen, das sie selbst auch angeht entsteht dann oft der Grundstein für eine Erfolgsstory, wie sich sich alle Unternehmer wünschen.

4. Wie finde ich die richtigen P`s

Vielleicht sagst du jetzt – es gibt 7 Milliarden Personen, 8 Billionen Probleme und eine Quadrillion mögliche Produkte die ich erfinden, verbessern und / oder neu erfinden könnte. Wie kann ich jetzt für mich selber die entsprechende Person, ihr Problem und das optimale Produkt zu dessen Lösung finden?

Zunächst einmal solltest du in der Lage sein, das entsprechende Produkt herzustellen, günstig einzukaufen oder aber per Dropshipping an den Mann zu bringen. Dann solltest du darüber nachdenken ob du ein physisches Produkt, wie beispielsweise Bücher oder Spielsachen verkaufen willst, wofür du ein Lager benötigst – oder ob du nicht etwas digitales anbieten kannst, wofür man lediglich Speicherplatz aber keinen Lagerplatz benötigt.

Überlege was es lagertechnisch für einen Unterschied macht, ob du Toilettenpapier oder Parfum verkaufst. Wie viel Platz wird dein Produkt einnehmen und welche eventuell zusätzlichen Lagerkosten kämen damit auf dich zu?

Sprich wenn wir kein Lager haben (oder wollen) fallen schonmal alle großen Produkte weg, wenn wir keinen großen Batzen an Kapital haben fällt alles weg, was wir in großen Mengen zu hohen Geldsummen einkaufen müssen. Es macht zum Beispiel keinen Sinn 10 Dosen Rasiergel für 1,00 € einzukaufen und für 1,10 € zu verkaufen. Aufgrund der Zeit die in Verpackung und Bearbeitung der Bestellung investiert wird wäre das schlicht ein Verlustgeschäft. Kauft man jedoch eine Millionen Dosen für 0,30 € und verkauft diese Palettenweise für 0,90 € weiter sieht die Sache wieder anders aus.

5. Das wahrscheinlich beste P

Ich denke die besten P`s ergeben sich durch die eigene tägliche Arbeit bzw. das eigene Leiden unter bestimmten Bedingungen. Wenn man nun das Problem entweder alleine oder durch Unterstützung von Spezialisten lösen könnte und auch von vielen anderen Leuten weiß, die mit dem selben Problemen zu kämpfen haben und bestenfalls auch bereit wären ein heilbringendes Produkt (von dir) zu kaufen – dann könnte das definitiv ein gutes Produkt sein.

Bei der Entscheidung für das entsprechende Produkt sollte auch bedacht werden, ob man sich selber mit dem Produkt identifizieren kann. Und auch ob man in dem entsprechenden Bereich eine gewisse Expertise vorweisen kann und das für den Kauf notwendige Vertrauen im zukünftigen Kunden erwecken und auf Dauer behalten kann. Das ist insbesondere der Fall wenn wir im Marketing die Kraft von Storytelling nutzen wollen. Denn beim Storytelling setzen wir darauf uns selber als Marke zu verkaufen und quasi eins mit unserem Produkt zu werden.

In diesem Prozess kommunizieren wir unseren Kunden dann auch warum wir uns für dieses Produkt entschieden haben und was unsere Philosophie ist.

6. Der Spaßfaktor

Bevor du dich endgültig für ein bestimmtes Produkt entscheidest versuche dich in die Zukunft hineinzudenken. Wie wird es sein, wenn du mit den Kunden kommunizierst? Wirst du Kalt-Akquise betreiben und Unternehmer anrufen um das Produkt vorzustellen? Werden viele Nachfragen kommen?

Mit was für Menschen wirst du es zu tun haben?

Klar wenn der Laden läuft hast du am Ende vielleicht nur noch mit deinem frisch bei Apple abgeworbenen Geschäftsleiter zu tun, der dir alles andere vom Leib hält. Aber anfangs wirst höchstwahrscheinlich du derjenige sein, der den Grundstein für das zukünftige Imperium legt und in Fleißarbeit darauf ein felsenfestes Firmengebäude erstellt.

Überlege also ob es dir evtl. den Spaß am Geschäft vermiesen könnte, wenn deine Kunden zu einem bestimmten Schlag Menschen gehören, die du grundsätzlich nicht leiden kannst. Es macht zum Beispiel nicht viel Sinn Metzger-Maschinen verkaufen zu wollen, wenn man Menschen hasst, die Fleisch essen.

7. Der Umwelt-Faktor

Außerdem solltest du ein gutes Gewissen haben, wenn du das Produkt verkaufst. Denke hierbei auch 3 Schritte weiter – heute denkst du vielleicht noch dass es ein super Geschäft ist PVC-Beutel zu verkaufen – übermorgen könnte sich aber dein Gewissen einschalten und dir zu verstehen geben, dass du jahrelang aktiv an der Zerstörung der Umwelt durch Verbreitung von Mikroplastik mitgewirkt hast. Das könnte dir zum Beispiel nicht so schnell beim Verkauf von umweltfreundlichen Produkten (in ebenso umweltfreundlichenVerpackungen) passieren.

Wenn Umwelt ein Thema für dich ist, solltest du dir auch Gedanken darüber machen woher deine Produkte kommen (sollen). Kommen Sie aus Fernost ist davon auszugehen dass sowohl Produktion und Transport stärkere Spuren an unserer Umwelt hinterlassen werden, als solche die um die Ecke oder der eigenen heimischen Produktionsstätte hergestellt werden.

Und während ich das so schreibe könnte ich mir vorstellen, dass es eine gute Dienstleistung geben könnte die einen Teil des angesprochenen Problems löst. Das könnte zum Beispiel eine Spedition sein, deren Schiffe mit Elektro- statt Diesel-Motoren laufen. Oder Segel-Transport-Schiffe. Dies würde dann zum einen zu weniger Abgasen in der Luft und zum anderen zu weniger Öl im Wasser führen.

Wer es sich leisten kann, sollte also mal darüber nachdenken die nächste Generation der Öko Spedition ins Leben zu rufen. Als Ideengeber kann man uns dann mit einem kostenlosen Sonder-Container pro Schiff belohnen. Die Spedition könnte man dann E-Bridge nennen und als Logo eine Brücke verwenden die unter Strom ist.

8. Der Geld-Faktor

Der sollte wirklich ganz hinten anstehen. Ich weiß das ist eine gewagte These. Aber laßt mich erklären, warum ich das so sage: Weil es einem einfach das Genick brechen kann, wenn das einzige Ergebnis woran man denkt das Geld ist. Es muss einem pri-mär erst einmal darum gehen wirklich ein bestimmtes Problem zu lösen. Es entweder das erste Mal zu lösen oder es einfach besser zu lösen als andere. Oder es dort zu lösen, wo es bisher einfach noch nie gelöst wurde. Es gibt zum Beispiel viele coole Produkte am anderen Ende der Welt, die auf unseren Märkten einfach noch nie gesehen wurden oder nur in schwer zu findenden Spezial-Geschäften erwerblich sind.

Das erfolgreichste Beispiel unserer Tage ist dabei die Einführung von Red Bull auf dem europäischen Markt. Klar war es in dem Fall kein wirkliches „Problem“ in dem Sinne was hier gelöst wurde. Es gab an sich noch gar keinen Markt für Energy Drinks – er wurde mit Red Bull quasi überhaupt erst erschaffen.

Man musste in den Köpfen erst einmal das Bedürfnis erschaffen, dass einem „Flügel verliehen“ werden. Mit massiver Werbung vor Universitäten, auf Partys und Sport Events konnte man dann eine Marke erschaffen, die ein Produkt, das für 0,09 € (extern) hergestellt wird und für 1,00 € an den Handel weiterverkauft werden kann.

In diesem Sinne – viel Erfolg und viel Glück bei der Suche nach eurem Produkt oder der D

9. Der Preis-Faktor

Noch ein Wort zum Preis: Es ist immer der schwierigste Weg, ein bestimmtes Produkt – sagen wir Rasierklingen von Gillette – zum günstigsten Preis auf dem Markt anzubieten. Es kann einfach immer nur einen geben, der das günstigste Produkt anbietet. Hier wird man sich gegenseitig unterbieten und in Preisschlachten geraten. Diesen Weg können wir nur empfehlen, wenn ihr an einem besonders langen Hebel sitzt. Andernfalls seid ihr besser damit beraten ein Produkt zu einem Premium-Preis anzubieten. Das hat auch den Vorteil, dass ihr dann eine höhere Marge habt von der ihr einen größeren Teil in Werbung investieren könnt.

Das könnte zum Beispiel ein Elektro-Rasierer sein. Ein Rasierer der gleichzeitig Daten an euer Smartphone senden kann und ausschließlich aus recycelten Materialien produziert wurde. Dafür gründet ihr eine eigene Marke und habt zudem nun selber die Möglichkeit den Einzel- und sogar Großhandel zu beliefern.

Es ist nicht immer leicht den perfekten Preis für ein Produkt oder eine Dienstleistung zu finden. Daher soll an dieser Stelle noch das Buch „Preisheiten“ von Hermann Simon empfohlen werden:
https://www.thalia.de/shop/home/artikeldetails/ID41816112.html

Simon hat unter anderem die Bahncard für die Deutsche Bahn eingeführt und berät zahlreiche börsennotierte Unternehmen bei der Bestimmung der Preise unterschiedlichster Produkte.

Der Beitrag Die POP-Methode – Finde DEIN Produkt erschien zuerst auf Shopware Agentur | Great2Gether.

Wer einen Shopware 5 Shop betreibt und Lebensmittel verkauft, der ist dazu verpflichtet dem Kunden eine Nährwerte-Tabelle zur Verfügung zu stellen. Aus dieser Tabelle muss hervorgehen wie viele Nährwerte pro 100 oder 1000g enthalten sind. Zusätzlich muss eine zweite Tabelle angelegt werden aus der wiederum die Nährwerte für eine Portion hervorgehen. Das könnten z.B. 40g für eine Schale Müsli sein.

Die Auswahl ist nicht besonders groß, daher kann die Entscheidung schon zahlentechnisch nicht allzu schwer werden. Im Shopware Community Store werden aktuell 2 Plugin angeboten welche die gewünschte Funktion mitbringen. Das eine Nährwerte-plugin kommt von gb-media und das andere von SHOPSY. In der gleichen Reihenfolge stellen wir eich beide nun in aller Kürze vor und packen unser persönliches Fazit darunter.

gb media: Nährwerte und Produktdetails für die LMIV mit Nutri-Score

Kosten:
Grundversion: 89.- €
Voll-Ausstattung: 206.- €

Vorteile:
+ Zusatz-Funktion: Nutri Score anzeigen
+ Zusatz-Plugin für Import- / Export Funktion + 49.-
+ Zusatz-Plugin für Variantenfähigkeit + 49.-

Nachteile:
– Eingabe weiterer Werte nur über Text-Bausteine + 19.-

Konfiguration:
– In den Stammdaten

Link:
https://store.shopware.com/fried33859197089/naehrwerte-und-produktdetails-fuer-die-lmiv-mit-nutri-score.html?c=3
Import- / Export Plugin Link:
https://store.shopware.com/gbmed55792486778/import/export-fuer-naehrwerte-und-produktdetails-fuer-die-lmiv.html?c=3
Variantenfähigkeit Erweiterung (49.- €)
https://store.shopware.com/fried12386814842/naehrwerte-produktdetails-fuer-die-lmiv-erweiterung-variantenfaehigkeit.html
Erweiterung der Attribute (neue Allergene & Produktdetails – 19.- €)
https://store.shopware.com/fried55734183854/lmiv-attribute-hinzufuegen.html

Anleitung:
https://www.gb-media.biz/de/shopware-plugins/lebensmittelinformations-verordnung-lmiv-mit-nutri-score.htm

SHOPSY: Nährwertangaben und Produktinformationen (LMIV)

Kosten: 349.- €

Vorteile:
+ 1 Plugin statt 4 Plugins
+ einfache Eingabe ohne Textbausteine zusätzlicher Allergene

Konfiguration:
– Im Reiter Nährwertangaben (bei Artikeln ohne Varianten)
– Im Reiter Varianten
– Bezeichnung, Inverkehrbringer, Zutaten und Herkunftsland in den Stammdaten

Link:
https://store.shopware.com/shops29110435572/naehrwertangaben-und-produktinformationen-lmiv.html?c=3

Anleitung:
https://www.shopsy.de/shop/naehrwertangaben-und-produktinformationen-lmiv/

Fazit: Beide Plugins sind im Frontend so gut wie identisch. Es werden insgesamt 3 Tabellen ausgegeben. Davon beziehen sich 2 auf die Nährwertangaben. Hierbei werden einmal die Angaben für 100g und einmal die Angaben für eine Portion, beispielsweise 40g, ausgegeben. Um die 40g Tabelle mit dem Plugin von gd media auszugeben, bedarf es jedoch der Erweiterung um das Zusatz-Plugin.

Ein kleiner Zusatz-Vorteil des Plugins von gb media ist die Ausgabe des Nutri Score Werts, für die es aber auch wieder eines Zusatz-Plugins bedarf. Preislich ist man mit dem gb media Plugin aber auch in der „Voll-Ausstattung“ noch unter der 1-Plugin-Lösung von SHOPSY. Im Backend hat man es mit dem Plugin von SHOPSY etwas leichter, da man hier neue Werte nicht extra über die Text-Bausteine anpassen muss.

Der Beitrag Shopware 5: Nährwertangaben und Nutri Score erschien zuerst auf Shopware Agentur | Great2Gether.

Das Shopware 6 Logo ändern ist besonders wichtig da das Logo das Markenzeichen eines jeden Shops ist.

Deshalb zeige ich dir in diesem Blogbeitrag, wie du das Logo deines Shops richtig anpasst und änderst.

Logo ändern und anpassen

Zuerst müssen wir in den Themes Bereich unseres Backends. Dafür wählen wir in der Sidebar den Punkt Inhalte -> Themes aus.

Jetzt befinden wir uns im Themes Bereich. Wir sehen alle in unserem Shop installierten Themes. Sollten wir eine frische Shopware 6 Installation haben, sollte der Bereich wie folgt aussehen:

Theme auswählen

Um das Shopware 6 Logo ändern zu können, klicken wir auf das von uns verwendete Theme und scrollen bis zum Ende der Seite. Dort sollten wir dann folgenden Bereich finden:

Auf welche technischen Dinge muss man achten?

• Das Logo sollte eine Auflösung von 72DPI haben, alles darüber ist verschwendeter Platz.
• Die Logo-Datei muss mit einem sprechenden Namen versehen werden – Nicht einfach nur Logo.png
• In Programmen wie Photoshop „für Web“ exportieren
• Eventuell: Das Logo minifizieren, entweder mit „jpegmini“ oder tinypng.com

Logo Übersicht

Hier können wir unsere Logos ganz einfach einfügen. Wichtig dabei ist, dass wir für jeden Bereich ein Logo einfügen:

• Desktop
• Tablet
• Mobil
• App & Share-Icon
• Favicon

Wollen wir also für alle Desktop Geräte das Logo ändern, klicken wir auf das kleine Kreuz neben dem DemoStore Logo. Danach sollte der Bereich folgendermaßen aussehen:

Dateien hochladen

Jetzt klicken wir also auf den Button “Dateien hochladen” und wählen unser Logo aus.

Am besten nutzen wir dafür ein Bild ohne Hintergrund also eine .png Datei. Nun müssen wir unsere Logo Datei nur noch auswählen und auf “Öffnen” klicken.

Wenn wir alle Logos eingefügt haben, klicken wir oben rechts auf Speichern. Danach wird unser Logo an der richtigen Stelle im Shop angezeigt.

Logo mit Plugins anpassen

Wer keine Zeit oder Lust hat sich durch den Code zu schlagen, kann auf Plugins von dritten zurückgreifen. Wir haben dir hier eine kleine Liste mit verschiedenen Plugins erstellt:

1. https://store.shopware.com/mhsp868634269859/header-logo-anpassen-shopware-6-mediahaus.html
2. https://store.shopware.com/scop879552704146/shopware-6-default-theme-konfiguration-logo-anpassen/elemente-ausblenden.html

Weiterführende Links

1. Shopware documentation

Der Beitrag Shopware 6 | Logo ändern erschien zuerst auf Shopware Agentur | Great2Gether.

Da ist er – unser streng geheimer Shopware 6 Cheatsheet. Hier sammeln wir alle möglichen Code-Schnipsel die man höchstwahrscheinlich mehr als einmal in seinem Leben verwenden wird. Hier findet man etwas für jeden Geschmack, wenn man sich für Shopware 6, Shopware Plugin Entwicklung und / oder Shopware 6 Theme Entwicklung interessiert.

Diesen Beitrag werden wir ständig erweitern, so dass wir gefundenes Geheimwissen nicht jedes Mal erneut suchen müssen. Wer sich mehr für den Shopware 5 Cheatsheet interessiert kann auf den Link klicken und wird dort fündig werden. Die Liste ist noch relativ leer? Schreib uns ein paar deiner Tipps in die Kommentare um gemeinsam den besten Shopware 6 Cheatsheet der Welt zu erstellen.

Übersicht – Shopware 6 Cheatsheet

• 1. In Plugins nach internen Einstellungen abfragen
• 2. SCSS Viewport Größen
• 3. Lighthouse Audit Optimierungen – Accessibility
• 4. Weiterführende Links

1. In Plugins nach internen Einstellungen abfragen:

So wird beim Super Mega Slider abgefragt, ob bei der Slide Navigation ausgewählt wurde, dass die Navigationspfeile außerhalb der Slides angezeigt werden sollen:

{% if sliderConfig.navigationArrows.value == "outside" %} is-nav-next-outside{% endif %}

Es wird also für die Variable navigationArrows geprüft ob die Option outside gewählt wurden. (Anmerkung vom 28.07.2021: Aktuell ist der Slider noch in der Prüfungsphase)

Und so könnte eine DOPPEL-Abfrage aussehen, in der wir gleich 2 Dinge prüfen, trifft die eine ODER die ANDERE zu – dann wird etwas ausgegeben, wie in diesem Beispiel eine CSS-Klasse:

{% if ( sliderConfig.navigationArrows.value == "outside" ) or ( sliderConfig.navigationArrows.value == "inside" ) %} is-double-cool {% endif %}

2. SCSS Viewport Größen

// AB 576px = SM / SMALL
@include media-breakpoint-down(sm) {}
// AB 768 = MD / MEDIUM
@include media-breakpoint-down(md) {}
// AB 992 = LG / LARGE
@include media-breakpoint-down(lg) {}
// AB 1200 = XL / XTRA LARGE
@include media-breakpoint-down(xl) {}


3. Lighthouse Audit Optimierungen – Accessibility:

Ein wichtiger Teil der Plugin-Erstellung, insbesondere wenn es darum geht sein Plugin in den Community Store zu bekommen, sind die Werte bei der Prüfung mit dem Lighthouse Audit-Tool. Hier gibt es unterschiedliche Bereiche, unter anderem Accessibility.

3.1 Aria Label

Für Slider Pfeile zum vor und zurück navigieren:
EN: aria-label="Previous slide"
aria-label="Next slide"
DE: aria-label="Vorheriger Slide"
aria-label="Nächster Slide"

Für Slider Punkte / Zahlen navigation
EN: aria-label="Go to slide {Variable?!}"
DE: aria-label="Gehe zu Seite (oder Slide)"

Für das Pausieren und Starten der Auto-Slide Funktion:
EN: aria-label="Start autoplay"
aria-label="Pause autoplay"
DE: aria-label="Automatisches Rotieren starten"
aria-label="Automatisches Rotieren pausieren"

4. Weiterführende Links

Shopware 6 Cheatsheet [Codebase]
Mehr SCSS, Mixins und Verwendung [Medium]
Backend Formular-Felder Varianten [Shopware Component Library]
Das Wichtigste zur CLI Konsole [Shopware Docs]

Der Beitrag Shopware 6 – Cheatsheet erschien zuerst auf Shopware Agentur | Great2Gether.

Wer auch heute noch auf das beliebte Shopware 5 setzt, dem soll hier noch einmal gezeigt werden wie man eine Kategorie anlegt und worauf dabei zu achten ist.

Inhaltsübersicht:

1. Kategorie einordnen
2. Kategorie Einstellungen
3. Artikel zuordnen
4. Kategorie einschränken
5. Filter / Sortierung
6. Individuelle Sortierung
7. Weiterführende Links

1. Kategorie einordnen

Um Kategorien anzulegen rufen wir diesen Bereich auf: Artikel > Kategorien

Shopware 5 – Kategorie anlegen 1 – Uebersicht

Wenn wir auf den Hinzufügen Button klicken erscheint ein einzeiliges Formular wo lediglich der Name der Kategorie einzutragen ist. Hier schreiben wir einfach mal Test rein:

Shopware 5 – Kategorie anlegen 2 – Name

Da wir in dem Beispiel zuvor keine Kategorie angeklickt / ausgewählt haben in der wir die neue Kategorie Test anlegen wollen sieht das Ergebnis zunächst so aus:

Shopware 5 – Kategorie anlegen 3 – Test

Unsere Kategorie wurde auf der obersten Ebene angelegt. Damit die Kategorie korrekt im existenten Shop angezeigt werden soll müsste die Kategorie in den Ordner Deutsch verschoben werden. Das geht soweit auch problemlos per Drag and Drop, das die Kategorie Deutsch in unserem Beispiel bereits mehrere Unterkategorien hat.

Was jedoch nicht ganz so einfach geht: Eine Kategorie in eine andere Kategorie verschieben die noch keine weiteren Unterkategorien hat. Zur Verdeutlichung ein Screenshot:

Shopware 5 – Kategorie anlegen 4 – Ausgeklappt

Wir könnten die Kategorie Test jetzt in jede Kategorie schieben der ein Ordner-Logo zugeordnet ist. Das wiederum ist nur bei Kategorien der Fall, die bereits eine andere Unterkategorie beinhalten.

Planen wir also eine neue Kategorie anzulegen, die als erste Unterkategorie fungieren soll, ist es empfehlenswert vorher genau diese Kategorie zuvor zu markieren. Und wenn die Kategorie die verschoben werden soll bereits existiert bedienen wir uns eines kleinen Tricks:

Shopware 5 – Kategorie anlegen 5 – Trick

Sagen wir mal die Kategorie Test darf nicht einfach gelöscht und neu angelegt werden und soll nun in die Kategorie Kochwurst verschoben werden, die noch keine weitere Unterkategorien hat. Hierfür klicken wir die Kategorie Kochwurst an und legen nur für einen kurzen Moment die Unterkategorie Trick an (s. Abbildung oben). Jetzt ist es technisch möglich auch weitere Kategorien in die Kochwurst-Kategorie zu schieben.

Sobald die gewünschte Kategorie dann korrekt verschoben wurde kann dann auch die Test-Kategorie wieder entfernt werden. So jetzt kennst du den geheimen Workaround den außer dir noch maximal 4 weitere Leute kennen.

2. Kategorie Einstellungen

Ist die Kategorie erst einmal angelegt können zahlreiche zusätzliche Einstellungen vorgenommen werden. Hier soll einmal auf die wichtigsten Dinge eingegangen werden. Die wichtigsten Einstellungen sind gleich im gleichnamigen Reiter der Kategorie vorzufinden. Werfen wir also mal einen Blick in den besagten Bereich – s. Screenshot.

Shopware 5 – Kategorie anlegen 6 – Einstellungen

Bezeichnung: Da der Name schon bezeichnend genug ist sollte es hier nicht viel mehr zusätzlich zu beschreiben geben. Was man jedoch wissen sollte ist, dass diese Bezeichnung lediglich im Backend sichtbar ist.

Produkt-Layout: Man kann die Artikel in unterschiedlichen Layouts in den Kategorien ausgeben lassen. Mit viel Text, wenig Text, großen Bildern, kleineren Bildern etc. Man kann die Artikel als Liste ausgeben lassen oder klassisch mit 3-4 Produkten pro Zeile. Das probiert man am besten selber einmal aus, dann weiß man wie es aussieht. Wer zum Beispiel Kleidung und andere Dinge die eher das Auge als das gehirn ansprechen sollen verkauft sollte auf größere Bilder und weniger bla bla setzen. Hier orientiert man sich am besten an anderen großen Shops aus dem Genre. Das ist immer eine gute Entscheidungshilfe.

Produkt-Stream: Über dieses Feld können wir bestimmen welcher Produkt Stream in der angelegten Kategorie ausgegeben werden soll. Hierfür muss natürlich zunächst einmal ein solcher angelegt worden sein, was eher den fortgeschritten Shopware Nutzern und Lesern dieses Buches vorenthalten ist.

Auf externe Seite verlinken: Ein eher selten verwendetes Feld, was dafür verwendet werden kann, wenn gar nicht wirklich Artikel in der Kategorie angezeigt werden sollen. So kann man Kunden zum Beispiel gleich über einen Link in der Navigation auf bestimmte Aktionen aufmerksam machen. Empfehlenswert ist das nicht wirklich. Man sollte Kategorien nur dafür anlegen um auch tatsächlich Artikel anzeigen zu lassen.

Link-Ziel: Wurde ein externer Link eingetragen werden kann hier zusätzlich bestimmt werden ob diesem im gleichen oder einem neuen Reiter geöffnet werden soll.

Bild: Das hier hochgeladene Bild muss zunächst in ein Child-Theme eingebaut werden. Andernfalls kann man sich den Spaß auch gleich sparen.

Nicht in Top-Navigation anzeigen: Einmal geklickt sorgt es dafür, dass der Link ausschließlich in der Sidebar nicht aber in der Top-Navigation ausgegeben wird.

Überschrift: Die Überschrift, die auf der Kategorieseite oben im Frontend des Shops ausgegeben wird.

Kategorietext: Dieser Text wird mit dem Standard-Theme unter der Überschrift, also über der Artikel-Liste ausgegeben. Mein-Tipp: Mit einer Anpassung am Theme kann man den Text unten positionieren, da den normalerweise eh kein Mensch außer den Suchmaschinen liest. Gerade deshalb sollte man sich pro Kategorie ausreichend Zeit einplanen einen sehr gut optimierten Text zu schreiben.

Und jetzt kommen, wenn man noch einen Tick weiter runter scrollt 2 besonders super mega wichtige Felder die es gekonnt auszufüllen gilt:

Shopware 5 – Kategorie anlegen 7 – Meta Description

Meta Titel: Der Meta Titel ist die Überschrift des Suchergebnisseiten-Eintrags dieser Kategorie in Suchmaschinen.

Meta-Description: Hier kommt die höchst wichtige Meta Beschreibung rein. Diese steht gleich unter dem Meta Titel auf den Suchergebnisseiten von großen Suchmaschinen wie MetaGer oder Ecoasia. Google? Öhm ja hab ich auch mal was von gehört, die sind aber neu – oder?

Meta-Keywords: Hier kann man eine handvoll bis ein Dutzend Suchbegriffe eingeben. Diese sollten nah am Inhalt liegen. Ich empfehle 5 Suchbegriffe pro Kategorie die sich auf keinen Fall bei anderen Kategorien noch einmal wiederholen sollten. Und ja einige behaupten Meta Keywords seien vollkommen nutzlos. Ich empfinden diese Aussage als vollkommen nutzlos und fordere alle Gegner von Keywords zu einem Schach-Duell auf.

3. Artikel zuordnen

Hier kann man einfach die passenden Produkte zu den jeweiligen Kategorien zuordnen. In der rechten Spalte sieht man die bereits zugeordneten Artikel und links sind die die man auswählen könnte. In jeder Spalte findet man zudem noch ein Suchfeld mit dem sowohl nach dem Namen als auch der Artikelnummer eines Artikels suchen kann. Sind die entsprechend Artikel ausgewählt können sie über die Pfeil Buttons von der einen in die andere Spalte geschoben werden.

Shopware 5 – Kategorie anlegen 8 – Artikel zuordnen

4. Kategorie einschränken

Soll die Kategorie bestimmten Kundengruppen vorenthalten bleiben kann man die auszuschließenden Gruppen durch vorherige Markierung und einen Klick auf den Rechtspfeil in die rechte Spalte schieben. Man nennt sie auch die Spalte der ausgeschlossenen.

Shopware 5 – Kategorie anlegen 9 – Kat einschraenken

5. Filter / Sortierung

Auf den Kategorieseiten gibt es unterschiedliche Filter- und Sortieroptionen. Ob und wie diese verwendet werden sollen kann hier eingestellt werden.

Shopware 5 – Kategorie anlegen 10 – Sortierung

6. Individuelle Sortierung

Wie der Name schon sagt kann man hier eine ganz individuelle Sortierung der Artikel in der Listung. Die Artikel werden dann so wie in der Liste auch auf der Kategorieseite ausgegeben. Die Artikel können per Drag & Drop sortiert werden. Für Artikel mit einer großen Anzahl von Artikeln eignet sich diese Methode selbstverständlich nicht.

Shopware 5 – Kategorie anlegen 11 – Individuelle Sortierung

7. Weiterführende Links

[Shopware Docs – Produkte & Kategorien]
https://docs.shopware.com/de/shopware-5-de/produkte-und-kategorien/kategorie
[8mylez Blog – Kategorien und Produkte verwalten]
https://www.8mylez.com/shopware-wiki/kategorien-und-artikel-verwalten/
[8mylez Blog – Wie du Shopware Product Streams sinnvoll einsetzt]
https://www.8mylez.com/blog/shopware-5-product-streams-sinnvoll-einsetzen/

Der Beitrag Shopware 5 – Kategorien anlegen schnell und einfach erschien zuerst auf Shopware Agentur | Great2Gether.

Bei Shopware enden Kategorie-URLs im Standard mit einem Slash. Einige sagen dazu auch Endslash und fachsprachlich spricht man vom sogenannten Trailing-Slash. Soweit so gut. Gibt man die URL jedoch ohne Kategorie ein kommt man nicht auf die Kategorie-Seite. Was da genau heißt und wie wir die URLs optimieren können soll im Folgenden erklärt werden.

Der wichtigste Tipp vorab: Bastelt bitte nicht auf gut Glück an euren Live-Umgebungen, sondern testet die Einstellungen grundsätzlich vorab immer auf einer Staging Umgebung. Hierfür empfehlen wir das Spezial-Tool StageWare von unserem Partner TC-Innovation. Zur Anwendung findet ihr auch einen gesonderten Beitrag mit detaillierter Anleitung.

Inhaltsübersicht:

1. Die Standard-Einstellung bei Shopware Kategorie-URLs
2. Whatsapp löscht den Trailing-Slash
3. Was der Sinn vom Slash ist
4. Der Top-Ten-Check
5. Der Shopware Big-Brand-Check
6. Korrekte Umleitung von Kategorie-URLs mit Onboard Mitteln
7. Optimierung von Kategorie-URLs mit Shopware Plugins
8. Weiterführende Links und Quellen

1. Die Standard-Einstellung bei Shopware Kategorie-URLs

Shopware ist im Standard so konfiguriert, dass alle ohne Slash aufgerufen werden. Von dieser Regel sind jedoch 2 Bereiche ausgeschlossen.

a) Die Kategorie-Seiten und
b) Die Hersteller-Seiten

Sprich eine Kategorie URL, immer so aus:
https://deinshop.de/einekategorie/

Problematisch wird es jedoch, wenn man die URL ohne Slash eingibt:
https://deinshop.de/einekategorie

Der Otto-Normal-User würde jetzt erwarten, dass man auf der Kategorie-Seite landet. Das ist aber nicht der Fall denn man landet stattdessen entweder auf der Startseite oder auf einer 401 Fehler-Seite.

2. Whatsapp löscht den Trailing-Slash

WhatsApp ist der größte Messenger-Dienst bzw. hat die meisten aktiven Nutzer. Neben Smileys, Texten, Videos und Bildern werden hierüber auch gerne Links versendet. Das Interessante daran ist, dass hierbei die Links grundsätzlich immer um den Trailing-Slash beschnitten werden.

Sprich, wenn ich jemandem den Link sprit-schleuder.com/gin/ per WhatsApp sende, kommt dieser auf der anderen Seite so an: https://sprit-schleuder.com/gin. Somit kann der eigentliche Link nicht geöffnet werden und man landet im Nirvana.

Shopware Kategorie URLs -Whatsapp

Hier wünscht man sich also die Funktion, dass Links ohne Trailing-Slash an Links mit Trailing-Slash weitergeleitet werden. Denn dann würde man mit jeder Version ans Ziel gelangen, wie man es bereits von WordPress und ähnlichen CMS kennt.

Bei Shopware muss man hier also selber aktiv werden, wenn man dem User unnötige Aufrufe von falschen Seiten ersparen möchte.

3. Was der Sinn vom Slash ist

Klären wir noch kurz was der eigentliche Sinn der Slashes am Ende von Kategorie-Seiten ist. Ein Slash macht eine URL als Verzeichnis erkenntlich. Wenn wir also einen Kategorie-Link wie oben beschrieben mit Slash am Ende im Shop haben, dann wollen wir Google sagen, dass sich auf unserem Server ein Ordner mit dem Namen einekategorie befindet. Und, dass sich darin wiederum weitere Unterordner befinden.

All das ist natürlich nicht mehr der Fall, das war einmal vor vielen Jahren so und heute sind das alles nur noch virtuelle Ordner deren URLs nach einem Schema erstellt werden.

Ein Vorteil ist zum Beispiel die bessere Messbarkeit von Seitenbesuchern in bestimmten Verzeichnissen / Kategorien. Da es aber von vielen großen Shops auch ohne Slash verwendet wird, ist davon auszugehen, dass der Nutzen hier größer ist als der eventuelle Schaden.

Mal was anderes… Wer von euch weiß eigentlich wofür die Abkürzung URL steht? Richtig, für Uniform Resource Locator.

Shopware Kategorie URLs -Sinn

4. Der Top-Ten-Check

Bevor man etwas anpasst, kann es nicht schaden einen Blick bei den Mitbewerbern reinzuwerfen. Wir empfehlen hierbei immer grundsätzlich den Blick auf die Platzhirsche. Schauen wir uns also einmal an, mit welcher Variante die 10 größten Online-Shops (nach Umsatz aus 2019) aus Deutschland arbeiten.

Shopware Kategorie URLs -TopTen

Option A – Nur die Version mit / ist aufrufbar, die andere wird umgeleitet
Option B – Nur die Version ohne / ist aufrufbar, die andere wird umgeleitet
Option C – Beide URLs sind aufrufbar, Verwendung einer kanonischen URL
Option D – Nur die Version mit / ist aufrufbar, die andere ist fehlerhaft
Option E – Nur die Version ohne / ist aufrufbar, die andere ist fehlerhaft

• amazon.de – C
• otto.de – A
• zalando.de – A
• mediamarkt.de – C
• notebooksbilliger.de – B
• lidl.de – E
• saturn.de – C
• bonprix.de – C
• apple.com – A
• cyberport.de – B

Das Ergebnis:
3 : 2 : 4 : 0 : 1

2 x wird also die Version mit Slash, 3x die Version ohne 4 Mal die Version mit beiden und einmal auch eine Version mit fehlerhafter Umleitung verwendet. Man kann also sagen die Profis würden darauf optieren BEIDE URLs auszugeben. Gleich an zweiter Stelle kommt dann die Version mit Slash am Ende, wo die Aufrufe ohne Slash dann weitergeleitet werden.
Lustigerweise ist es bei keinem der Shops so, wie es bei Shopware im Standard der Fall ist. Was auffällt ist zudem, dass Media Markt und Saturn ihre Kategorien auf .html enden lassen. Es heißt ja oft, dass HTML Seiten besser in Sachen SEO dastehen als php Seiten ohne Dateiendung. Überraschend war zudem, dass bei lidl.de tatsächlich Fehlerseiten angezeigt werden, wenn man ein Slash am Ende der Kategorie verwendet (Stand 09.08.2021).

Auf allen Seiten, bei denen beide URL-Versionen aufrufbar waren, wurde die Canonical URL im Code vorgegeben. Hierdurch wird vermieden, dass Duplicate Content in Suchmaschinen entsteht. Heißt es werden zwar 2 verschiedene URLs aufrufbar gemacht – für Suchmaschinen existiert jedoch davon nur eine. Saturn und Media Markt verwendet als Canonical Link die Version ohne URL, bonprix.de hingegen die Version mit Trailing Slash.

Was machen die Top-10 mit Artikel-Detailseiten:

Bei den Produkt-Detailseiten haben es alle so eingestellt, dass man immer zur URL ohne Endslash weitergeleitet wird.

Ok – dann wissen wir also schonmal wie es die großen Shops regeln. Das kleine Problem an der Sache: Keiner der Shops verwendet Shopware. Daher kann es definitiv noch einmal Sinn ergeben zu schauen was hier die bekannten Shops machen.

5. Der Shopware Big-Brand-Check

Man darf davon ausgehen, dass ein Großteil der Shopware Shops mit diesem Fehler lebt ohne davon zu wissen. Man klickt im Shop hin und her – und kein Mensch achtet darauf wie die URLs genau aussehen.

Man sollte aber davon ausgehen, dass sich an den Shops bekannter Marken ein paar SEO- und Usability-Spezis den Kopf über solche Dinge zerbrechen. Hierbei schauen wir mal in die Referenz-Shops die auch über die offizielle Shopware Seite beworben werden.

Diesmal schauen wir uns auch noch gleichzeitig an, was bei der Content-Seite wie dem Impressum, der Datenschutzerklärung, den AGB oder auf Formularseiten wie dem Kontaktformular passiert. Denn auch hier hat Shopware eine Eigenart. Es passiert im Grunde genau der gleiche Fehler nur umgekehrt. Wenn man also zum Beispiel die Seite https://deinshop.de/agb/ aufrufen will, wird man wieder auf die Start- oder eine Fehlerseite geleitet.

Shopware Kategorie URLs -BigBrand

Es wird ausschließlich dann die korrekte Shopseite angezeigt, wenn die URL kein Endslash enthält. Das ist nun tatsächlich komisch.

Also hier noch einmal die Optionen aus dem ersten Beispiel:

Option A – Nur die Version mit / ist aufrufbar, die andere wird umgeleitet
Option B – Nur die Version ohne / ist aufrufbar, die andere wird umgeleitet
Option C – Beide URLs sind aufrufbar, Verwendung einer kanonischen URL
Option D – Nur die Version mit / ist aufrufbar, die andere ist fehlerhaft
Option E – Nur die Version ohne / ist aufrufbar, die andere ist fehlerhaft

• berentzenshop.de – D + C + E
• bilou.de – B – E – E
• douglas.de – B – B – B
• shop.bvb.de – C + E + E
• euronics.de – A + A + B
• paulaner-shop.de – D + E + E
• sanicare.de – E + E + E
• stabilo.com – C + C + E

Erläuterung: Der erste Wert steht für Kategorie, der zweite für Contentseiten und der dritte für Artikel-URLs. Ernüchternd: Einzig und allein auf douglas.de werden keine Fehler angezeigt. Alle anderen lassen Besucher bei falscher Verslashung ins digitale Nirvana laufen.

Interessant: Auf stabilo.com wird am Ende jeder Artikel-URL das Wort kaufen ergänzt. Hier hat man also bewusst auf den Suchbegriff kaufen optimiert.

Perfekt wäre meines Erachtens einzig diese Kombination: C + C + C, wobei dann die Canonical Links so gesetzt werden sollten, wie es im Standard vorgesehen war. Noch einmal zur Erinnerung was bei Shopware im Standard der Fall ist:

Kategorien: D: also nur mit Endslash und Fehler ohne
Content-Seiten: E: also nur ohne Endslash und Fehler mit
Artikel-Detailseiten: E: also nur ohne Endslash und Fehler mit
Blog-Beiträge E: also nur ohne Endslash und Fehler mit

Man würde also bei den Kategorien als Canonical Link die Version mit Endslash angeben und auf allen anderen Seiten wieder die Version ohne. Der Besucher bekommt davon nichts, er kann fehlerseitenfrei surfen und Google ist auch glücklich.

Alternativ wäre mein Vorschlag: A – B – B, so wird der Standard von Shopware beibehalten und die URLs lassen sich unterscheiden. Trotzdem werden keine Fehler angezeigt, weil die anderen URLs korrekt umgeleitet werden.

Wer jetzt sagt: „Hey – so ist das bei keinem der großen Shopware Shops“ – der kann sich wenigstens an douglas.de orientieren und darauf setzen einfach alles grundsätzlich, ohne Slash anzuzeigen. Ebenfalls geht man diesen weg (zumindest im Hinblick auf die Kategorie-URLs) auf notebooksbilliger.de und cyberport.de

6. Korrekte Umleitung von Kategorie-URLs mit Onboard Mitteln

Wie vermeide ich mit Bordmitteln den Aufruf einer falschen URL bzw. die Umleitung auf die Startseite / den Aufruf einer 404er Fehlerseite?

Hierfür müssen wir uns zunächst einmal die SEO Routing Einstellungen unseres Shops ansehen. Diese finden wir in den Grundeinstellungen > Storefront > SEO/Router-Einstellungen. Das ist ca. der 15. Punkt von oben.

Shopware Kategorie URLs -OnBoard

Dort angekommen werden wir folgende Standard-Einstellungen für die URLs vorfinden:

SEO-Urls Artikel Template:
{sCategoryPath articleID=$sArticle.id}/{$sArticle.id}/{$sArticle.name}

SEO-Urls Kategorie-Template:
{sCategoryPath categoryID=$sCategory.id}/

SEO-Urls Blog-Template:
{sCategoryPath categoryID=$blogArticle.categoryId}/{$blogArticle.title}

SEO-Urls Landingpage-Template:
{$campaign.name}

SEO-Urls Hersteller-Template:
{createSupplierPath supplierID=$sSupplier.id}/

SEO-Urls Shopseiten-Template:
{$site.description}

SEO-Urls Formular-Template:
{$form.name}

Templates mit Endslash:
– SEO-Urls Kategorie-Template
– SEO-Urls Hersteller-Template.

Es sind also nur die Kategorien und Hersteller Templates dir auf ein Slash enden. Alle anderen Bereiche des Shops werden ohne Slash aufgerufen und leiten bei Eingabe mit Slash also auch auf die Startseite (oder eine 404 Fehler-Seite).

Ein Lösungsansatz wäre also nun die beiden Templates die auf ein Slash enden anzupassen und indem wir den Slash entfernen wie nach einem Streit mit Axel Rose. Es muss also so aussehen:

SEO-Urls Kategorie-Template:
{sCategoryPath categoryID=$sCategory.id}

SEO-Urls Hersteller-Template:
{createSupplierPath supplierID=$sSupplier.id}

Anschließend dürfen wir nicht vergessen auf Speichern zu klicken. Danach sollten noch der SEO-Index und die Sitemap neu aufgebaut werden. Zum Abschluss noch einmal den normalen Cache löschen – jetzt sollten wir schon ein Ergebnis sehen.

So hat es bei mir zumindest beim ersten Mal auf Anhieb funktioniert. Praktischerweise wurden nun auch ohne weitere Umstellungen die alten Kategorie-URLs mit Endslash gleich auf die korrekte neue Version umgeleitet. Auf den Hersteller-Seiten das gleiche Szenario.

Was aber war los mit den Content- und Artikel-Detailseten? Hier hatte sich nichts geändert. Nach wie vor gab es Fehler, wenn man die URLs ohne Endslash aufgerufen hat.

Hierfür gibt es ebenfalls eine Lösung. Bzw. sind es zwei verschiedene Lösungsansätze für 2 unterschiedliche Server-Typen.

a) Die Lösung auf Apache Servern: Wir passen die .htaccess Datei an:

# 301-er Weiterleitung auf Version OHNE Endslash
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)/$ /$1 [R=301,NC,L]

Mit diesem Befehl sagen wir, dass grundsätzlich alle Seiten, die mit einem Trailing Slash eingegeben werden, um das Slash beschnitten werden sollen. Mit schlaueren Worten: Die URL mit Slash wird per 301-er Weiterleitung auf die korrekte URL weitergeleitet.

Wichtig ist aber hierbei, dass dann ausnahmslos (!) alle URLs auf diese Version umgeleitet werden. Es funktioniert also mit diesem Beispiel nur, wenn zuvor die SEO-Router Einstellungen wie zuvor beschrieben angepasst und alle Trailing-Slashes – also bei den Kategorien und Hersteller-Seiten – entfernt wurden.

Der Code sollte ganz unten eingefügt werden in der .htaccess Datei. Insbesondere wenn man sich wundert, warum man nicht mehr ins Backend gelangt.

Und andersrum kann man auch alle Seiten ohne Slash auf Seiten mit Slash umleiten:

# 301-er Weiterleitung auf Version MIT Endslash
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*[^/])$ /$1/ [R=301,NC,L]

b) Die Lösung auf nginx Servern – Rewrite Rule hinterlegen

Wer weiß, wo man es macht, kann folgende Rewrite Regel hinterlegen:

=========
rewrite ^([^.]*[^/])$ $1/ permanent;
=========

Wer es nicht so wirklich weiß, sollte sich an seinen Hosting-Anbieter wenden und einmal freundlich nachfragen.

P.S.: Wer evtl. ein Plugin benutzt, das per POST Befehl Seiten-URLs um ein Trailing-Slash ergänzt (wie es beispielsweise bei Joomla der Fall ist) der sollte noch vor die 3 Zeilen Code das hier einfügen:

# Trailing Slash – Allow POST
RewriteCond %{REQUEST_METHOD} !^(POST) [NC]

7. Optimierung von Kategorie-URLs mit Shopware Plugins

Wenn man sich etwas tiefer in die Materie liest, wird feststellen, dass man auf den meisten SEO-Seiten empfohlen bekommt das Trailing Slash bei Kategorien zu verwenden, insbesondere weil man auch den Traffic auf ein bestimmtes Verzeichnis besser nachvollziehen kann. Wem das wichtig ist, sollte also nicht einfach alles auf die Version ohne den Trailing-Slash verwenden.

Wenn man nun also (nur) die Kategorien einmal sauber umleiten möchte, dann bietet sich dieses Plugin von Kiel Coding an:

https://store.shopware.com/kielc20539267567/trailing-slash-weiterleitung.html?number=KielC20539267567m&c=3

Shopware Kategorie URLs -Plugins

Fernab vom Shopware Store bietet Ottscho ein ähnliches Plugin an:
https://www.ottscho-it-service.de/shopware-plug-ins/fix-category-trailing-slash
Bleibt jedoch noch das Problem mit den Artikel-Seiten, den Shop-Content Seiten und den Blog-Artikel-Seiten die alle mit Endslash nicht aufgerufen werden können. Das ist wiederum nur halb so schlimm, als wenn die URLs ohne den Trailing Slash nicht aufrufbar sind. Denn wenn man etwas vergisst, dann eher den Slash em Ende zu schreiben. Außerdem kann es auch nicht zu dem Problem kommen, das durch den Messenger Dienst Whatsapp ausgelöst wird.

Ein weiteres interessantes Plugin zur Seo History gibt es noch von Bul Hinsche:
https://store.shopware.com/swp00503/seo-history.html?c=3

Auf sistrix.de heißt es übrigens: „Der Trailing Slash am Ende einer URL hatte ursprünglich den Zweck, ein Verzeichnis von einer Datei zu unterscheiden.

Da URLs heute weitgehend virtuell erstellt werden und keinen direkten Bezug zu den Dateien im Dateisystem des Webservers mehr haben, hat sich der Einsatzzweck von Trailing Slashes geändert.“

Sprich: Im Datei-System unseres Shops befindet sich nirgends ein Ordner mit dem Namen unserer Kategorie, in dem sich dann wiederum andere Ordner mit den Namen der Unterkategorien befinden. Das war vielleicht mal vor 20 Jahren so, als man noch mit HTML Dateien gearbeitet hat.

Es ist also nicht mehr so wichtig (wie damals) dass eine Kategorie zwingend mit einem Slash endet. Weiter in dem Beitrag heißt es noch, dass es jedoch wichtig ist, dass eine Seite mit und ohne Trailing-Slash 2 Seiten ergeben bzw. Duplicate Content ergibt. Wichtig ist in dem Fall eine korrekte Weiterleitung oder die Kennzeichnung der „echten“ URL per Canonical Link.

8. Weiterführende Links und Quellen

Hier haben wir uns selber schlau gemacht, und da könnt ihr euch auch noch schlauer machen:

Kategorie soll mit Slash enden [Shopware Forum]:
https://forum.shopware.com/t/kategorie-soll-mit-und-ohne-slash-enden/29272/5
Kategorie ohne Slash am Ende = 404 [Shopware Forum]:
https://forum.shopware.com/t/kategorie-url-ohne-slash-am-ende-404/33932
Technisches SEO: Trailing Slash [Sistrix]:
https://www.sistrix.de/frag-sistrix/technisches-seo/urls/trailing-slash/
Kostenloses SEO Tool [Screaming Frog]:
https://www.screamingfrog.co.uk/seo-spider/
URL-Umleitungen per .htaccess Datei [wicked Software]
https://wicked-software.de/drei-htaccess-regeln-zur-einzigartigen-url
Shopware SEO Kurs [TC-Innovation]
https://shopware-seo-kurs.de

Du brauchst Hilfe bei der Umsetzung mit Shopware? Dann setze dich jetzt mit uns in Verbindung.

Der Beitrag Shopware Kategorie URLs korrekt umleiten erschien zuerst auf Shopware Agentur | Great2Gether.

Uncaught RuntimeException: Shop ‚XYZ (id: 1)‘ has no template. – Das ist der Fehler, der einem angezeigt wird, wenn man aus Versehen ein Theme gelöscht hat, das zuvor noch als aktiviert markiert war und für das Frontend des Shopware Shops verwendet wurde.

Falls es dir noch nicht passiert ist, dann merke dir eine Sache: Bevor du ein Theme neu installiert oder komplett löschst denke immer daran ein anderes Theme zu aktivieren, falls du das, was du löschen möchtest, zuvor aktiviert hattest.

Inhaltsübersicht:

1. Was passiert, wenn ich ein aktives Theme lösche
2. Fehler im Frontend ausgeben lassen
3. Anderes Theme aktivieren ohne Theme Manager
4. Die Themes werden nicht angezeigt
5. Quellen und weiterführende Links

1. Was passiert, wenn ich ein aktives Theme lösche

Wer aus Versehen ein zuvor im Shop aktiv verwendetes Theme löscht, ohne es zuvor zu deaktivieren, der wird eine Reihe von Problemen bekommen.

Das Frontend wird einfach nicht angezeigt werden ohne, dass man einen Tipp bekommt was los ist. Zudem wird man im Theme Manager einen Fehler oder aber wie in diesem Screenshot einfach gar keine Themes angezeigt bekommen:

Shopware Kategorie Theme -Fehler

2. Fehler im Frontend ausgeben lassen

Wie bereits erklärt wird im Frontend erst einmal nichts angezeigt, um sich den Fehler anzeigen zu lassen, müssen wir zunächst einmal unsere config.php Datei von Shopware anpassen.

Das könnte z.B. so aussehen:

[
                'host' => 'localhost',
                'port' => '3306',
                'username' => 'root',
                'password' => 'root',
                'dbname' => 'deinedb‘,
        ],

        'front' => [
                'throwExceptions' => true,
                'showException' => true
        ],

        'phpsettings' => [
                'display_errors' => 1
        ],

        'template' => [
                'forceCompile' => true
        ],

        'httpcache' => [
                'debug' => true
        ]
];

So sah der Fehler zum Beispiel auf meiner lokalen Installation aus:

Shopware Kategorie Theme -AktivesTheme

3. Anderes Theme aktivieren ohne Theme Manager

Als Erstes sollten wir also irgendwie versuchen das Theme aus einem anderen Weg zu aktivieren. Im Forum fand ich einen guten Tipp (s.unten) der mich auf eine heiße Spur brachte. Man kann nämlich auch an einer anderen Stelle im Backend ein Theme das im Frontend aktiv sein soll auswählen.

Hierfür geht man in den Bereich: Einstellungen > Grundeinstellungen > Shopeinstellungen > Shops und klickt dort in der Übersicht auf den Shop. Das sieht dann so aus:

Shopware Kategorie Theme -Aktivieren

Hier gilt jetzt ein besonderes Augenmerk an den untersten Eintrag der auf der rechten Seite noch sichtbar ist: Templates. Wenn man sein vorher aktives Theme gelöscht hat, dann wird in der Auswahl nicht mehr der Name des Themes, sondern einfach nur eine 88 ausgegeben. Man kann dort aber nun reinklicken und ein anderes Theme auswählen. Das könnte zum Beispiel das gute alte responsive Theme sein. Bei dem kann man sich immer sicher sein, dass alles funktioniert, wie es funktionieren sollte.

Shopware Kategorie Theme -Auswählen

Im Regelfall sollte es das schon gewesen sein und im Einzelfall kann es sicher passieren, dass der Cache noch einmal gelöscht werden muss. Und sogar, wenn nicht, soll der Cache an dieser Stelle einmal aus Prinzip erwähnt worden sein. Das Frontend wurde bei mir zumindest gleich nach der Umstellung wieder fehlerfrei angezeigt.

4. Die Themes werden nicht angezeigt

Falls das der Fall ist und eventuell gerade an einem Theme bastelst was auch der Grund dafür war, dass du es neu installiert hast, besteht die Wahrscheinlichkeit, dass sich der Fehler in dein Theme.php eingeschlichen hat. In diesem Fall solltest du einmal mit phpstorm (LINK zum Beitrag mit phpstorm & Shopware) oder einem anderen Editor deiner Wahl prüfen, ob ein Fehler angezeigt wird.

Bei mir war es z.B. ein Komma zu viel, was sich in den Code eingeschlichen hatte.

Shopware Kategorie Theme -Anzeigen

Da sieht man, dass hinter dem false das Komma zu viel ist. Nachdem ich es korrigiert hatte, wurden alle Themes wie gewohnt wieder im Theme Manager angezeigt. Für die neugierigen unter euch: Der Lukas hat hier eine coole neue Funktion für unser FashionPassion Theme programmiert. Es ermöglicht, dass der Button zur Newsletter-Anmeldung animiert werden kann.

5. Quellen und weiterführende Links

Heißer Tipp aus dem Forum zu den Grundeinstellungen:
https://forum.shopware.com/discussion/36618/fatal-error-uncaught-exception-runtimeexception

Alles zum Thema: Themes werden nicht angezeigt:
https://forum.shopware.com/discussion/53299/templates-werden-nicht-angezeigt
https://forum.shopware.com/discussion/58556/theme-manager-zeigt-keine-themes-an

Du brauchst Hilfe bei der Umsetzung mit Shopware? Dann setze dich jetzt mit uns in Verbindung.

Der Beitrag Shopware Theme gelöscht ohne es zu deaktivieren erschien zuerst auf Shopware Agentur | Great2Gether.

Shopware Backend Login leer – was tun? – Heute geht es darum, was man machen kann wenn das Shopware Backend Login weg ist. Wenn das Login Formular des Shopware-Backups nicht angezeigt wird, ist das natürlich sehr unschön für den Shop-Betreiber da einem in allen Belangen die Hände gebunden sind. Artikel eintragen, Bestellungen als verschickt markieren – egal was einem in den Sinn kommt es geht nicht mehr! Man bekommt die blaue Backend-Seite angezeigt, es fehlt jedoch das Login-Formular, das dem Shopware-Shop Betreiber erlaubt seinen Shop zu bedienen. 

Das darf natürlich niemals passieren – ist immer immer noch besser, als wenn das Shopware Frontend nicht mehr angezeigt wird. Schließlich bekommt man die Bestellungen bestenfalls noch per Email mit.

Übersicht: 

1. Chrome Konsole checken 
2. Shopware Cache manuell per FTP löschen 
3. Quellen und weiterführende Links 

1. Chrome Konsole checken 

Um als einen ersten Einblick zu erlangen bietet sich die Konsole von Chrome an. Wer die Konsole nicht kennt dem soll kurz erklärt werden wie man dorthin gelangt. Zunächst einmal muss der Chrome Browser verwendet werden, danach macht man einen Rechtsklick in das Browser-Fenster und sieht in der Auswahl den Punkt Untersuchen den es zu klicken gilt. 

Shopware Backend Login weg – Untersuchen

Als erstes sollte einem dann das hier angezeigt werden: 

Shopware Backend-Login weg – Elemente

Hier sieht man nun insgesamt 9 Reiter die man aufrufen kann. Gleich an zweiter Stelle ist der für uns wichtige Reiter mit dem Namen Console. Mit einem Klick auf diesen Reiter sollten wir dann einen Fehler wie den folgenden angezeigt bekommen: 

Shopware Backend Login weg – Console Fehleranzeige

Jetzt kann man schonmal auf Google nach der Fehleranzeige suchen oder hat so ein geschultes Auge dass einem gleich ein Licht aufgeht. Einige der Links zu den angezeigten Fehler finden ihr unten bei den weiterführenden Links. Für mich war die erste Spur dieser Artikel im Shopware Forum: https://forum.shopware.com/discussion/25192/backend-login-wird-nicht-angezeigt-nicht-moeglich – Dort wurde vorgeschlagen den Cache mal manuell per FTP zu löschen, da es ja über das Backend aktuell nicht geht. 

2. Shopware Cache manuell per FTP löschen 

Wie das funktioniert wird dann in diesem Beitrag ganz gut erklärt: https://netgrade.de/shopware-5-wie-kann-ich-den-cache-manuell-leeren/ -Wie man unten in den Kommentaren sieht, hat es mir auch schon einmal geholfen und ich habe mich euphorisch beim Autor bedankt. 

ABER: Bei Shopware 5.2.26 waren die Ordner geringfügig anders, hier habe ich noch einmal aufgeschriben welche Ordner ich selber bei diesem Shop gelöscht habe: 

Welche Dateien und Ordner habe ich also (nachdem ich ein Backup des cache Ordner gemacht habe!!!) genau gelöscht: 

/var/cache/production_201706221599/doctrine/attributes – Alle Dateien im Ordner
/var/cache/production_201706221599/doctrine/proxies – Alle Dateien im Ordner 

Wer im var/cache Ordner mehrere der production Ordner vorfindet muss in jeden einzelnen Ordner reingehen und dort die beiden Unterordner aufräumen.

/web/var/cache/production_201706221599/templates/backend_de_DE_64012 – Alle Ordner, statt die einzelnen Dateien der Unterordner
/web/var/cache/production_201706221599/templates/backend_de_DE_a76c1 – Alle Ordner, statt die einzelnen Dateien der Unterordner

Der Name der backend Ordner wir da bei jedem natürlich anders und nicht identisch mit diesen sein. 

Dann geht es noch an die Frontend Ordner

/web/var/cache/production_201706221599/templates/frontend_Shopname_de_DE_1_secure  – Alle Ordner, statt die einzelnen Dateien
/web/var/cache/production_201706221599/templates/frontend_Shopname_de_DE_1_secure_esi  – Alle Ordner, statt die einzelnen Dateien 

Und zu guter letzt diese beiden hier noch: 

/web/var/cache/production_201706221599/html – Alle Ordner, statt die einzelnen Dateien
/web/var/cache/production_201706221599/general – Alle Ordner, statt die einzelnen Dateien 

3. Quellen und weiterführende Links

Failed to load resource: the server responded with a status of 503 (Service Unavailable) – Fehler wegen fehlendem Zeichen im Code
https://forum.shopware.com/discussion/33813/cart-loading-problem

Fehler wegen fehlender ExtJ Datei nach Update auf Shopware 5.1
https://forum.shopware.com/index.php?p=discussion/34229/update-auf-5-1-1-login-form-von-backend-weg

P.S.: Der in diesem Beispiel fehlerhafte Shop ist eine Shopware Installation in der Version 5.2.26 

Der Beitrag Shopware Backend Login leer – was tun? erschien zuerst auf Shopware Agentur | Great2Gether.

Schonmal daran gedacht eine zweizeilige Shopware Navigation (in Shopware 5) zu basteln? Was für ein Zufall – genau das wollte ich auch gerade machen. Ich habe auch schon eine heiße Spur und die ersten Tests sahen auch schon ok aus.

Shopware-Navigation mit 2 Zeilen, Übersicht:

1. Vorgeschichte zur Shopware Navigation
2. Vorbereitung zum Umbau
3. Shopware Theme um JS Datei erweitern
4. Eliminierung des Sliders
5. Zweizeilige Shopware Navigation
6. Weiterführende Links

1. Vorgeschichte

Shopware 5 hat von Haus aus eine, für meinen Geschmack, etwas komische Navigation. Was ist das komische daran? Ganz einfach: Der Slider in der Navigation! Ich kenne kaum einen namhaften Shop auf der Welt, der so etwas verwendet und ich finde es persönlich nicht sehr komfortabel für den User.

Ich denke: Alle Oberkategorie-Links sollten jederzeit für den Kunden sichtbar und sofort klickbar sein. Also ohne vorher auf einen Slider-Pfeil klicken zu müssen, der einem dann erst die restlichen Links anzeigt. Natürlich ist das aber auch ein Stück weit Geschmackssache.

2. Vorbereitung

Wer seine Shopware 5 Navigation umbauen möchte benötigt zunächst ein Child-Theme und bestenfalls eine lokale Installation von Shopware um die geänderten Dateien nicht jedes Mal auf den Server laden zu müssen.

Wie man Shopware lokal installiert haben wir hier erklärt:
https://great2gether.com/2016/01/shopware-5-lokal-installieren/

Und im Punkt 1.1 wird in diesem Beitrag auf die Schnelle erklärt wie man ein Child-Theme anlegt:
https://great2gether.com/2016/05/shopware-5-shopware-5-design-anpassen/

3. Shopware Theme um JS Datei erweitern

Nun machen wir etwas was eigentlich nur echte Shopware Enthusiasten machen: Wir erweitern unser Child-Theme um eine Javascript Datei – unglaublich! Warum wir das machen? Egal… viel wichtiger ist wie wir das machen. Wer das kann kann morgen auf dem Schulhof nen Dicken machen – versprochen.

Hier in dem Screenshot sieht man wie der Code aussehen könnte:

Zweizeilige Navigation bei Shopware 5

Ich habe die Datei schlicht g2g.js genannt und im Ordner src/js abgelegt. Geschulte Augen erkennen im oberen Teil des Screenshots einen Hauch von Schleichwerbung für unser FashionPassion Theme.

Ach und noch etwas: Man sieht wie man eine CSS Datei einbinden kann. Falls man einfach mal keine Lust auf LESS hat. So eine CSS-Datei kann sich aber auch gut dafür eignen Dinge erst in CSS auszuprobieren und im Anschluss auf LESS zu drehen.

So also öffnet einfach im Editor eurer Wahl (für Shopware am besten phpstorm) die Theme.php Datei eures Childthemes, fügt den Code da ein und fertig.

So und dann musst du natürlich noch die Datei (mit dem anderen Namen) in dem Ordner anlegen. Hier sieht man z.B. wie es beim FashionPassion Theme aktuell aussieht.

Javascript im Theme einbinden

4. Eliminierung des Shopware-Navigation Sliders

Einige werden es geahnt haben. Wir haben die JS Datei in der Theme.php Datei verknüpft und im /src/js Ordner abgelegt um einzig und alleine den Slider der Shopware Navigation zu eliminieren.

Kopiert hierfür folgende Zeilen Javascript in eure Datei:

// Deaktivierung des Slider in der Top-Navigation
;(function ($)
{
$.overridePlugin('swMenuScroller',
{
init: function(){}
});

}(jQuery));

Geschafft? Sauber. Wenn es geklappt hat sollte das Menü, sofern darin ausreichend viele Oberkategorie sind dann frei vom Slider ungefähr so aussehen: Die Links werden nach rechts hin einfach abgeschnitten und nicht mehr angezeigt.

Shopware Navigation Slider deaktivieren

5. Zweizeilige Shopware Navigation

Die einen zaubern gerne die anderen bevorzugen das rabiatere Erzwingen. An dieser Stelle kann man beide Wörter verwenden um das gleiche zu meinen. Was ein unnötiger Satz…. ich schreib wenigstens nochmal zweizeiliges Shopware 5 Menü fett rein, damit sich die Suchmaschinen gekitzelt fühlen.

Zurück zum Thema: Erstellt eine Datei namens main-navigation.less und gebt dort folgendes ein:


@media screen and (min-width: 48em) {
.navigation-main .navigation--list {
white-space: normal;
}
}


Die Datei gehört in den Ordner: src/less/_modules

Falls ihr euch gerade erst ein Child-Theme angelegt habt benötigt ihr insgesamt 3 LESS Dateien. In den src/less Ordner legt ihr zusätzlich die folgenden 2 Dateien an:

all.less
modules.less

In der all.less registriert ihr die modules.less Datei mit dieser Zeile:

@import "modules";

und in der modules.less wird wiederum die main-navigation.less registriert.

@import "_modules/main-navigation";

Und schon habt ihr ein selten häßliches zweizeiliges Menü in Shopware, sofern ihr es in der Form direkt vom Responsive Theme abgeleitet habt.

Zweizeilige Shopware Navigation

ACHTUNG: Das zweizeilige Menü eignet sich nur bedingt in Kombination mit dem erweiterten Menü. Würde man mit der Maus jetzt über Lebensmittel gehen würde sich zwar das Menü unten öffnen aber auf dem Weg mit der Maus nach unten wieder schließen.

Somit eignet sich ein solcher Umbau nur, wenn man auf den Einsatz des erweiterten Menüs verzeichnen kann.

6. Weiterführende Links

Beitrag zum Thema zweizeiliges Menü [Shopware Forum]:
https://forum.shopware.com/discussion/51458/zweizeiliges-menue
https://forum.shopware.com/t/navigation-2-spaltig-wie/38531/12

Das aus der Diskussion entstandene Plugin [Github]:
https://github.com/karlharris/shopware_noMenuScrolling

Dropdown Menü Plugin [Shopware Store]:
https://store.shopware.com/mbdus15519656894/einfaches-dropdown-menue.html

Mobiles Dropdown Menü [Shopware Store]:
https://store.shopware.com/detail/index/sArticle/165507

Shopware Starter Kit Plugin [Shopware Store]:
https://store.shopware.com/webar49577693399/shopware-starterkit.html

Fixierte Navigation [Shopware Store]:
https://store.shopware.com/exper35599635983f/fixed-scroll-navigation-mit-eigenen-top-kategorien-suchleiste.html

Der Beitrag Zweizeilige Shopware Navigation erschien zuerst auf Shopware Agentur | Great2Gether.

Shopware 5 als virtuelle Maschine mit dem VM VirtualBox Manager installieren ist eine feine Sache. Es macht Spaß, geht schnell und das Ergebnis ist überragend. Ich weiß das hört sich sehr hochtrabend an – aber an dieser Stelle ist es nicht unangebracht.

Ein Wort vorab: Nach Umsetzung der in diesem Tutorial angezeigten Methode konnte ich die Ladezeit meiner lokalen Umgebung von 7 Sekunden auf 0,7 Sekunden beschleunigen. Das hier ist also ein wirklicher „Game-Changer“ in meinem Entwicklungs-Workflow den ich jedem der lokal an Shopware Shop arbeitet besonders ans Herz legen möchte.

Zur Vorgeschichte: Bis vor kurzem habe ich (jahrelang) Shopware 5 selber immer „manuell“ installiert, wie ich das in diesem Beitrag beschreibe. Erst vor einigen Tagen habe ich dann das bereits 2016 veröffentlichte Installationspaket von Bitnami entdeckt und dachte mir: Wow das ist cool, wie schnell und unkompliziert man Shopware mit Bitnami lokal installieren kann. 

Ein weiterer Vorteil der neu entdeckten Bitnami-Methode Shopware 5 lokal zu installieren war, dass der Shopware Shop bei dieser Methode nicht mit allen möglichen anderen Seiten auf dem gleichen lokalen Server liegt. Dadurch kann man dann mit unterschiedlichen PHP oder MySQL Versionen arbeiten, was einem bei der Entwicklung von Themes und Plugins, wenn mann diese beispielsweise für eine neuere Version testen möchte, behilflich sein kann. Bei einer einzigen lokalen Umgebung ist das technisch schlicht und ergreifend nicht möglich. 

Und jetzt kommen wir zu der ganz neuen Methode nämlich der Installation von Shopware 5 als Virtual Machine (eine .ova Datei, die ebenfalls von Bitnami bereitgestellt wird) mit Hilfe des VM Virtual Box Managers von Oracle. Den solltet ihr für die Umsetzung bereits runtergeladen, installiert und geöffnet haben. Alles andere erkläre ich euch im Folgenden.

Inhaltsangabe:

1. Shopware-Stack von Bitnami runterladen
2. Appliance importieren
3. Projekt Einstellungen
4. Shopware 5 Virtual Machine starten

1. Shopware-Stack von Bitnami runterladen

So die schwerste Aufgabe gleich zu Beginn – als erstes gehen wir auf die Download Seite, wo wir die .ova Datei von Bitnami runterladen können: https://bitnami.com/stack/shopware/virtual-machine

2. Appliance importieren

Im nächsten Schritt gehen wir im Menü des VirtualBox Managers auf: Datei > Appliance importieren und wählen die Datei aus die wir zuvor runtergeladen haben. 

Shopware lokal mit VirtualBox Manager – Appliance importieren

Hier klickt man einfach rechts auf den Ordner und kann die Datei auswählen.

Shopware lokal mit VirtualBox Manager – Datei auswählen

3. Projekt Einstellungen

Vor dem eigentlichen Import kann man noch den Namen und zugewiesenen Speicher anpassen: 

Shopware als lokale Maschine mit VirtualBox Manager – Projekt-Einstellungen

Was ich empfehle ist hier an dieser Stelle den RAM zumindest aus 1024 MB zu erhöhen. Bei dem Namen kann jeder seiner Phantasie freien lauf lassen wobei ich den Namen immer mit shopware- beginne und irgendetwas erklärendes an den Bindestrich anfüge. Ist alles angepasst kann man dann auf Importieren klicken und…

Shopware als lokale Maschine – Import

… dem Ladebalken zugucken. Es braucht nicht lange bis die Virtuelle Maschine mit Shopware 5 importiert und einsatzbereit ist. 

4. Shopware 5 Virtual Machine starten

Sind die 1,5 Minuten vergangen sieht man die neue VM (im Falle dass schon andere installiert wurden) links unten in der Liste der Virtuellen Maschinen und kann diese von dort aus nun starten. Hierfür muss der Beitrag wie in dem Screenshot markiert sein und dann der grüne Starten Pfeil geklickt werden. 

Shopware lokal mit VirtualBox Manager – VM starten

Nach dem Klick laden ein paar Fenster ziemlich schnell hintereinander bis es zu einer Passwort-Abfrage kommt, wo nur grauer / weißer Text auf schwarzem Hintergrund zu sehen ist. Davon lassen wir uns bitte nicht beeindrucken und warten noch ein bißchen länger ab bis uns dieser fröhlich bunte Bildschirm begrüßt: 

Shopware als virteuelle Maschine – IP

Da geben wir als Debian login dann „bitnami“ ein. Im Anschluss wird man direkt noch nach dem Passwort gefragt, was das gleiche ist. Also einfach noch einmal „bitnami“ eingeben. Und GANZ WICHTIG: Notieren Sie die IP Adresse die mit 192 anfängt, denn da wird der Shopware 5 Shop später zu finden sein. Und natürlich sind auch die in gelber Schrift geschrieben Zugangsdaten zu Shopware höchst-aller-sehr-wichtigst. Im nächsten Schritt wird es wieder weniger bunt, dafür erwartet uns eine leichte Aufgabe: 

VirtualBox Manager – Passwort anpassen

Wie man sieht werden wir aufgefordert ein neues Passwort festzulegen. Dafür müssen wir aber als erstes noch einmal das alte Passwort (bitnami) eingeben – ist das getan muss man das neue 2x eingeben und hat es geschafft. Schaut bei diesem Schritt genauen, denn ich musste jedes Mal wenn ich mich vertippt hatte von neu beginnen, sprich die VM löschen und vom Import an alles von vorn beginnen.

Wenn ihr es richtig gemacht habt steht da dann: password updated successfully. 

5. Shopware im Browser aufrufen:

Ab jetzt könnt ihr die mit 192 beginnende IP in eurem Browser eingeben und damit einfach mal euren Shopware 5 Shop schon aufrufen. Schaut bitte was da bei euch steht und nicht was bei mir im Screenshot steht. Ins Backend kommt ihr auf dem gewohnten Weg, nämlich indem ihr ⁄backend hinter die IP schreibt also in meinem Falle: http://192.168.2.104/backend/

6. Weiterführende Links 

• https://developers.shopware.com/developers-guide/vagrant-phpstorm/
• https://forums.virtualbox.org/viewtopic.php?f=8&t=81710
• https://ryansechrest.com/2012/10/permanently-share-a-folder-between-host-mac-and-guest-linux-os-using-virtualbox/

Der Beitrag Shopware 5 als virtuelle Maschine erschien zuerst auf Shopware Agentur | Great2Gether.