Joomla-Onlineshop aufsetzen: So funktioniert’s

Nun ist es an der Zeit, Joomla zu einem Shop-CMS umzuwandeln. Möglich machen das entsprechende Joomla-Extensions, die das System um Features und Funktionen für den E-Commerce erweitern. Zu den beliebtesten Erweiterungen dieser Art zählen die folgenden Vertreter:

• VirtueMart: VirtueMart gibt es seit 2005. Die quelloffene E-Commerce-Lösung hält mehr als 500 Features für die Realisierung internationaler Joomla-Shops bereit. Durch zusätzliche VirtueMart-Plugins lassen sich weitere Funktionen hinzufügen.
   
• J2Store: J2Store wurde bereits über 350.000-mal heruntergeladen. Die Extension gibt es wahlweise in einer abgespeckten, kostenfreien Basisversion oder in einer kostenpflichtigen Pro-Edition (monatliches Abonnement) mit zusätzlichen Features wie Coupons, Voucher oder Rechnungs-Templates.
   
• HikaShop: HikaSHop ist in drei verschiedenen Varianten verfügbar. Die kostenfreie Starter-Edition ist bestens geeignet, um einen ersten Joomla-Onlineshop aufzusetzen und das Plugin kennenzulernen. Für den langfristigen Betrieb benötigen Sie jedoch die kostenpflichtigen (Einmalzahlung) Versionen „Essential“ (kleine Shops) oder „Business“ (große Shops).

Im Rahmen dieser Anleitung nutzen wir die Extension VirtueMart. Unabhängig von der Wahl, die Sie treffen, funktioniert die Installation der Shop-Erweiterung wie folgt:

1. Öffnen Sie das Joomla-Backend.
2. Klicken Sie im linken Seitenmenü auf den Eintrag „System“.
3. Wählen Sie in der Rubrik „Installieren“ den Punkt „Erweiterungen“ aus.
4. Geben Sie den Speicherort der Paketdateien des Joomla-Webshop-Plugins an, insofern Sie diese bereits auf der jeweiligen Homepage heruntergeladen haben.
5. Alternativ können Sie den Reiter „Aus Webkatalog installieren“ aufrufen und nach der gewünschten Erweiterung suchen.
6. Klicken Sie das passende Suchresultat an und drücken abschließend auf „Installieren“.

VirtueMart wird standardmäßig nur mit einer englischen Sprachausgabe installiert. Für die Extension existieren aber zahlreiche Sprachpakete, mit deren Hilfe sich die Menüsprache im Joomla-Backend jederzeit ändern lässt. Wollen Sie das VirtueMart-Menü auf Deutsch umstellen, sind folgende Schritte erforderlich:

1. Rufen Sie den Downloadbereich der VirtueMart-Website auf.
2. Klicken Sie auf die Schaltfläche „Download your language pack“.
3. Wählen Sie das Paket „German“ aus.
4. Scrollen Sie nach unten und drücken auf „Download“.
5. Wechseln Sie in das Joomla-Backend und klicken im linken Seitenmenü auf „System“.
6. Klicken Sie auf „Erweiterungen“ und geben Sie den Speicherort des zuvor heruntergeladenen Sprachpakets an oder ziehen die Datei in die ausgewiesene Fläche.

Damit Sie Ihre Produkte optimal organisieren können, starten Sie die eigentliche Einrichtung des Shops damit, passende Produktkategorien anzulegen. Überlegen Sie sich hierfür zunächst, welche Kategorien für Ihr Projekt am besten geeignet sind. Haben Sie sich ein Konzept für die Einordnung der Produkte überlegt, gehen Sie folgendermaßen vor:

1. Klicken Sie im linken Seitenmenü des Joomla-Backends auf den Punkt „Komponenten“.
2. Hier finden Sie nach der Installation der Extension das gleichnamige VirtueMart-Menü. Klappen Sie es auf und wählen Sie die Option „Produktkategorien“ aus.
3. Klicken Sie auf „Neu“, um eine neue Kategorie zu erstellen.

Pro Kategorie gilt es hier nun diverse Einstellungen zu tätigen. Im ersten Reiter tragen Sie alle wichtigen Informationen wie den Kategorienamen und einen suchmaschinenfreundlichen Alias sowie alle wichtigen Metadaten ein. Zudem fügen Sie unter Beschreibung den Text der Kategorieseite ein.

Im Reiter „VirtueMart Kategorieansicht Einstellungen“ können Sie die Kategorie anschließend strukturell und optisch gestalten. Hier geben Sie beispielsweise an, ob die Suchfunktion und Unterkategorien präsentiert werden und welche Templates und Layouts für die jeweiligen Seiten gelten sollen.

Abschließend fügen Sie im Reiter „Abbildungen“ ein oder mehrere Bilder für die Produktkategorie ein. Haben Sie noch kein Bildmaterial hochgeladen, können Sie dies an dieser Stelle tun: Scrollen Sie nach unten und wählen unter „Datei hochladen“ das gewünschte Foto aus. Für den Upload klicken Sie dann in der oberen Menüleiste auf „Speichern“. Danach ist das Bild automatisch ausgewählt und Sie können alle wichtigen Bildinformationen wie den Dateinamen, Alt-Text oder die Beschreibung definieren:

Sobald Sie eine oder mehrere Kategorien für Ihren Joomla-Webshop angelegt haben, können Sie damit beginnen, diese Kategorien mit Produkten zu füllen. Um ein neues Produkt anzulegen, führen Sie folgende Schritte aus:

1. Rufen Sie im linken Seitenmenü die Rubrik „Komponenten“ auf.
2. Klicken Sie auf „VirtueMart“.
3. Wählen Sie den Unterpunkt „Produkte“ aus.
4. Drücken Sie auf den Button „Neu“.

Die Einstellungsmöglichkeiten für die einzelnen Produkte sind sehr umfangreich. Im ersten Reiter tragen Sie alle relevanten Produktinformationen ein – von der Bezeichnung des Produktes, über den Hersteller bis hin zu ISBN. Zudem legen Sie den Preis fest. Weisen Sie in der gleichnamigen Zeile eine der erstellten Kategorien zu und setzen Sie ein Häkchen bei „Veröffentlicht“, damit das Produkt später angezeigt wird.

Die weiteren Optionen bei der Produkteinpflege sind folgende:

• Reiter „Produktbeschreibung“: Hier tragen Sie eine kurze und eine ausführliche Beschreibung sowie die Metainformationen für das jeweilige Produkt ein.
   
• Reiter „Produktstatus“: In diesem Reiter können Sie wichtige Informationen zu dem Status eines Produkts definieren. Wie viele Exemplare sind vorrätig? Und wie viele Exemplare dürfen maximal gekauft werden? Zudem können Sie E-Mails an Käufer vorbereiten und verschicken.
   
• Reiter „Produkt Maße und Gewicht“: Angaben zu Länge, Breite, Höhe und Gewicht (mit und ohne Verpackung) machen Sie in diesem Reiter.
   
• Reiter „Produktabbildung“: Wie bei den Kategorieseiten können Sie auch für Ihre Produkte Bilder hochladen, um diese optimal zu präsentieren.
   
• Reiter „Selbsterstellte Felder“: Möchten Sie verwandte Artikel oder Kategorien anteasern, stellen Sie dies in diesem Reiter ein. Bei Bedarf können Sie auch eigene Felder definieren.

Speichern Sie den fertigen Produkteintrag ab, wird er anschließend in der Übersicht aufgelistet.

Haben Sie Kategorieseiten und Produkte angelegt und verknüpft, können Sie diese mit wenigen Klicks auf Ihrer Joomla-Seite anzeigen. Der VirtueMart-Shop lässt sich als einzelne Seite in ein beliebiges Menü integrieren, da alle shopinternen Seiten miteinander verlinkt sind. In das Hauptmenü binden Sie den Shop beispielsweise folgendermaßen ein:

1. Rufen Sie im linken Seitenmenü die Rubrik „Menüs“ auf.
2. Wählen Sie „Main Menu“ aus.
3. Drücken Sie auf die Schaltfläche „Neu“.
4. Geben Sie einen individuellen Titel wie „Shop“ ein.
5. Öffnen Sie in der Zeile „Menüeintragstyp“ das Menü „Auswählen“.
6. Klicken Sie nacheinander auf „VirtueMart“ und „VirtueMart Kategorie Layout“.
7. Drücken Sie auf „Speichern“.

Überlegen Sie sich genau, welche Versand- und Zahlungsarten Sie in Ihrem Joomla-Onlineshop anbieten möchten. Prinzipiell gilt hier: Je mehr Optionen Sie offerieren, desto besser. VirtueMart unterstützt diverse Bezahlmethoden standardmäßig – unter anderem PayPal, Amazon Pay und 2Checkout.

Die Entscheidung, welche Arten des Versands bzw. der Bezahlung Sie möglich machen, liegt bei Ihnen. Sie müssen für die gewünschten Optionen aber einzelne Einträge anlegen. Dazu gehen Sie folgendermaßen vor:

1. Wählen Sie im linken Seitenmenü die Rubrik „Komponenten“ aus.
2. Öffnen Sie das „VirtueMart“-Menü.
3. Klicken Sie auf „Versandarten“ bzw. „Zahlungsarten“.
4. Legen Sie neue Einträge via „Neu“ an.