SupportDesk op een Shopware 6 demostore

16 september 2019
door SupportDesk

Shopware 6, de grote upgrade van Shopware 5, gemaakt door onze buren. Deze nieuwe versie belooft veel goeds, maar worden deze beloftes waargemaakt? We hebben Shopware 6 eens onder de loep genomen en ontwierpen een SupportDesk demoshop. In deze blog geven we graag onze ongezouten mening over deze ervaring.

Eerste indruk Shopware 6

De Duitsers weten wat ze doen: Shopware 6 is gehuld in een strak, modern en minimalistisch jasje. Geen onoverzichtelijk gedoe en bijgaand een schematisch lijstje met tutorials, installatieguides en bronnen. Zo zien we het graag: een clean design, waardoor uitvoering niet onnodig bemoeilijkt wordt.

Installatie Shopware 6

Het eerste belangrijke punt: de installatie. Meestal een een doorn in het oog door onoverzichtelijke handleidingen, maar met Shopware 6 een peulenschil. Deze versie komt met een duidelijke en geordende handleiding met uitleg voor installatie voor verschillende besturingssystemen.

Nadat we een kleine server op hadden gezet met alle systeem­vereisten, die in een lijstje in de handleiding onder elkaar staan, was de installatie in een handomdraai gebeurd. Je downloadt het installatie­programma en kopieert deze naar je server. Wanneer je vervolgens de URL van je server intypt, word je begroet door de Shopware 6 installatie­wizard.

Hier wordt nog een keer gecontroleerd of je server aan alle vereisten voldoet en stel je de benodigde database in. Het is mogelijk om deze van tevoren te maken, maar je kunt het Shopware 6 ook voor je laten doen. Binnen no time stond er een draaiende standaard demoshop.

Front- en backend Shopware 6

Op dit moment is alles nog standaard, maar je krijgt al wel een goede indruk van hoe een webshop kan worden vormgegeven met Shopware 6.

De website is snel, overzichtelijk en gebruiksvriendelijk. De cookie banner, die tegenwoordig verplicht is, komt netjes onderaan tevoorschijn in plaats van midden in het scherm, wat we ook vaak zien bij webshops. Het aanmaken van een account gaat ook makkelijk en snel. Tijd voor de volgende stap: het customizen van de website in de backend.

Ook de backend is overzichtelijk en zeer gebruiksvriendelijk. Het kopje ‘Bundle’ (zichtbaar op de afbeelding) is een plugin en zit niet standaard in Shopware 6. Deze hebben we echter ontwikkeld aan de hand van een meegeleverde tutorial en is bedoeld om ontwikkelaars kennis te laten maken met de structuur van het programma zelf.

Onder het kopje ‘Content’ > ‘Themes’ kun je meerdere thema’s maken en aanpassen. We hebben wat kleuren en iconen aangepast om te experimenteren, dit was zo gepiept.

Eens kijken hoe het toevoegen van producten in z’n werk gaat. Dit blijkt een kwestie van tijd te zijn: titel, beschrijving, prijs. Bij de prijs kun je er zelf voor kiezen of je het bedrag in- of exclusief btw invoert, het andere bedrag rekent Shopware zelf uit. Vervolgens kun je makkelijk foto’s toevoegen door ze naar het juiste veld te slepen een plek te geven.

Variaties

Na een paar simpele producten toegevoegd te hebben, wilden we ook producten (in ons geval diensten) toevoegen die meer variatie hebben in prijs. Bij Supportdesk geven we trainingen die je voor 1 tot 4 personen kunt boeken en een duur van 1 tot 5 dagen hebben: 20 prijsvariaties dus. Voor deze invoer bestaat een ingebouwde functie, we liepen hier echter tegen de eerste bug aan. In de ‘Variant generator’ kun je prijzen invullen voor verschillende aantallen. De generator zou daarna zelf de juiste prijzen moeten berekenen, alleen heeft deze problemen met het stapelen van prijzen. Alleen voor de trainingen in de combinaties van 1 dag met X personen of X dagen voor 1 persoon werden de juiste prijzen weergegeven. De rest hebben we handmatig aan moeten passen.

Templates

Het opmaken van je website werkt met layouts. Voor elk soort pagina kun je een layout bouwen. Dit werkt eigenlijk precies hetzelfde als vroeger op de kleuterschool, blokken stapelen die uiteindelijk een geheel vormen: je website.

Je kunt kiezen tussen verschillende soorten layouts, met alleen tekst, foto’s of een combinatie hiervan. Ook is het natuurlijk mogelijk om producten toe te voegen en kun je blokken in blokken stoppen. Dit alles gaat op een gebruiksvriendelijke, makkelijke manier.

Toch merkten we bij dit proces duidelijk dat het om een early bird editie van Shopware 6 gaat. Alles is vrij simpel en er zijn nog weinig opties voor de verschillende blokken, wat beperkt in mogelijkheden om naar hartenlust te customizen. Een voorbeeld hiervan is toen we de homepage aan het inrichten waren en het niet mogelijk was om de grootte van een foto aan te passen: Shopware 6 verkleint foto’s automatisch zodat alles in verhouding blijft. Zo gebruiksvriendelijk als het programma is, verwacht je dat het verkleinen of vergroten van foto’s mogelijk is door aan de hoekjes en randjes van de foto te slepen.

Dat als minpunt genoemd hebbende, moeten we Shopware meegeven dat het responsive systeem geweldig werkt. Je webshop ziet er op alle apparaten prachtig uit. Het mooiste hieraan, en dan komen we weer terug op de gebruiksvriendelijkheid, is dat je maar één layout hoeft te bouwen die vervolgens op elk apparaat werkt. Dit betekent dat je niet meer eindeloos aan het puzzelen bent met verschillende layouts voor diverse browsers en continu aan het testen bent.

Daarnaast is het erg makkelijk om meerdere vertalingen van je website toe te voegen. Je installeert een taal uit de Shopware store (gratis). Als er iets niet naar wens is kun je de vertalingen aanpassen in het kopje ‘Snippets’. Filteren is mogelijk op categorie, naam, letter etc. Op deze manier is het mogelijk om alleen de vertalingen van bijvoorbeeld  de productpagina’s of het contactformulier weer te geven.

Kleine bugs

De huidige versie van Shopware 6 betreft nog steeds een early bird editie, wat betekent dat kleine bugs niet kwalijk kunnen worden genomen. Bugs die we tegen zijn gekomen zijn bijvoorbeeld wanneer je een productfoto verandert, de oude foto nog steeds bij het product plaatst, maar dan als tweede foto. De oplossing hiervoor is om het bestand volledig uit de mediabibliotheek te verwijderen. Ook wordt de invulmogelijkheid voor initialen niet weergegeven op het contactformulier, terwijl deze wel gewoon in de backend staan. Ten slotte ziet de layout er in de layout builder soms iets anders uit dan hoe je website in de frontend je layout weergeeft.

Update

Terwijl we nog bezig waren met het ontwerp van de demoshop bracht Shopware een update uit. We gingen er gelijk vanuit dat het installeren van deze update wel eens een werkje kon worden, aangezien de website al bijna af was. Na het handmatig installeren en opnieuw inloggen bleek dat er problemen waren met de demodata. We installeerden de data opnieuw, maar hierdoor was de product database volledig verdwenen. Lesje geleerd: vóór het installeren van een Shopware update dus eerst even een back-up maken.

Frustrerend was dit echter wel en dus besloten we een bericht op het forum van Shopware zelf te plaatsen. Er volgde binnen twee uur tijd al een antwoord van een admin van Shopware zelf. Wat bleek: in de instellingen van Shopware zit een updateknop. Hier upload je de update folder en wordt er netjes voor je gecontroleerd of je plug-ins wel compatibel zijn met de nieuwe update en zo niet, wat je hieraan kunt doen. Hierna doet Shopware alles voor je.

Conclusie

Afgezien van de kleine bugs is Shopware 6 fijn om mee te werken. Het design is mooi, alles werkt makkelijk, snel en is zeer gebruiksvriendelijk. Je hoeft niets meer via de server zelf te doen, alles gaat via de backend. Overal is een omgeving voor ingericht.

Deze eerste ervaring met Shopware 6 hebben we als zeer prettig ervaren en we hebben er het volste vertrouwen in dat dit hét nieuwe e-commerce platform wordt om je webwinkel in te bouwen. Zoals gezegd gaat het hier nog om een early bird editie. Updates moeten voor meer functionaliteit gaan zorgen in de toekomst. Deze zijn er veel: het platform is dus volop in ontwikkeling. Voor een early bird versie is Shopware 6 in ieder geval al erg indrukwekkend en bovendien veelbelovend.

Graag nodigen we je uit om rond te kijken op de door ons ontwikkelde demoshop.

Vraag hier, via onze partner H1, een eigen Shopware 6 demostore aan.