Die sg_shop TYPO3 Extension liefert alle notwendigen Tools für ein Shop System innerhalb der TYPO3 Instanz. Für Redakteur:innen stehen nach der Installation und Konfiguration der Erweiterung das Backend Modul Bestellungen und eine ganze Gruppe an Shop Inhaltselementen zur Verfügung. Modul und Inhaltselemente stellen wir Ihnen in diesen Anleitungen näher vor. Mit der TYPO3 Shop Erweiterung erhalten Sie außerdem zusätzliche Listenelemente. So haben Sie im Modul Bestellungen alle eingegangenen Bestellungen im Überblick, während Sie mit den Inhaltselementen den Bestellprozess für Kunden und Kundinnen gestalten und Produkte auf ihrer Webseite platzieren können. Die Produkte selbst und weitere notwendige Elemente legen Sie im Modul Liste an und bearbeiten diese auch dort.

Backend Modul: Bestellungen

Das Modul Bestellungen ermöglicht es Bestellungen zu verwalten. Alle Produkte, die im Online-Shop geordert werden, werden in diesem Modul gelistet.

Die Bestellungen lassen sich filtern und durchsuchen. Bei jeder einzelnen Bestellungen kann der Bezahlstatus und Versandstatus eingesehen oder geändert werden. Das Tool generiert automatisch einen Eintrag im Modul und eine Bestellbestätigung, sobald eine Bestellung eingegangen ist. Insgesamt bietet es eine gute Übersicht aller Bestellungen, womit sich die Verwaltung eines Shops einfach gestalten lässt.

Übersicht

Bei Klick auf das Modul werden Sie wahrscheinlich nicht sofort in die Liste der Bestellungen gelangen. Diese werden nur angezeigt, wenn Sie sich auf der Seite/im Ordner für Bestellungen befinden. Diese Seite wird Ihnen direkt vorgeschlagen. Wenn es aktuell keine Bestellungen gibt, wird auch keine Seite angezeigt.

Die Liste zeigt alle Bestellungen, die über die Seite erfolgt sind. Zusätzlich können manuell Bestellungen angelegt werden. Die Liste lässt sich nach Bezahl- und Lieferstatus filtern und durchsuchen. Jeder Eintrag in der Liste lässt sich einzeln bearbeiten und löschen. Sie können sich außerdem eine Übersicht mit Informationen zur Bestellung anzeigen lassen und Änderungen rückgängig machen.

Bestellung bearbeiten

Reiter Allgemein & Abonnement

Reiter Allgemein

Im Reiter Allgemein finden sich die meisten Informationen zur Bestellung. Wenn ganz oben in dem Reiter das Abonnement aktiviert ist, ist zusätzlich der Reiter Abonnement verfügbar.

Man kann den Bestellstatus ändern, sieht welche:r Benutzer:in die Produkte bestellt hat und welche Positionen gebucht sind (das Produkt, die Bezahl- und die Versandart). Jede einzelne Position kann auf- und zugeklappt werden und lässt sich einfach anpassen. Es kann eine Rechnung hinzugefügt werden. Die Bestellbestätigung wird vom Tool automatisch generiert und hinzugefügt.

Am Ende des Reiters sehen Sie noch eine Bestellübersicht.

Reiter Abonnement

Reiter Bezahlung

Im Reiter Bezahlung finden Sie alle Informationen, die mit dem Bezahlprozess zusammenhängen. Hier befinden sich Kontodaten und weitere relevante Daten des Accounts.

Die Bezahlmethode kann angepasst werden, ebenso wie der Bezahlstatus:

  • Nicht initialisiert
  • Offen
  • Ausstehend
  • Erfolgreich
  • Fehlgeschlagen

Sollte es zu Zahlungsaufforderungen kommen, kann in diesem Tab überprüft oder geändert werden, wie oft dies bereits geschehen ist.

Zum Schluss ist hier die Rechnungsanschrift zu finden, die sich ebenfalls anpassen lässt.

Reiter Versand

Der Reiter Versand beinhaltet nur noch die Versandart, die Lieferanschrift und den Versandstatus:

  • Nicht initialisiert
  • Offen
  • Ausstehend
  • Erfolgreich
  • Fehlgeschlagen

TYPO3 Inhaltselemente: Shop

Die Shop Plug-Ins ermöglichen es auf eine einfache Art und Weise Shop-Elemente aufzubauen. Dafür müssen Sie für jedes Inhaltselement eine eigene Seite anlegen. Teilweise müssen in den Seiteneigenschaften die Einstellungen anpassen.

Alle Shop-Inhaltselemente sind Plug-Ins, bei denen der Reiter Allgemein immer gleich aussieht. Im Grunde können Sie dort nur die Überschrift konfigurieren wie im Inhaltselement Nur Überschrift.

Produktansicht

Die Produktansicht stellt einen Artikel mit seinen Details dar. Diesen fügen Sie im Reiter Plug-In unter den Erweiterungsoptionen hinzu. Außerdem kann bei der Darstellung zwischen den Optionen voll und schmal gewählt werden. Die schmale Version zeigt nur die Informationen des Produktes an. Bei der vollen Version sind links daneben die Produktfotos zu sehen.

Reiter Plug-In

Produktansicht im Frontend

Warenkorb

Der Warenkorb gibt Kund:innen als Übersicht eine Liste aus, auf der zu sehen ist, was sie kaufen möchten und wie viel es insgesamt kostet. Das Inhaltselement ist mit dem Hinzufügen und Speichern bereits funktionsfähig. Sie müssen nichts ändern oder hinzufügen. Als Nächstes gelangt man zur Kasse, weswegen Sie die Kasse am besten als Unterseite der Warenkorbseite einbauen.

Reiter Plug-In

Warenkorb im Frontend

Schritt 1: Anmeldung/Registrierung

Mit der Anmeldung/Registrierung zum Shop, gelangen Benutzende in den Kundenbereich. Es ist der erste entscheidende Schritt beim Bestellprozess neben der Auswahl der Produkte. Mit dem Hinzufügen des Inhaltselements ist es einsatzbereit. Es generiert im Frontend automatisch links Felder zum Anmelden und rechts eine Möglichkeit zum Registrieren.

Reiter Plug-In

Schritt 1: Anmeldung/Registrierung im Frontend

Schritt 2: Adresseingabe

Nach der Anmeldung gelangen Kund:innen zur Adresseingabe. Es ist also sinnvoll, die Adresseingabe als Unterseite der Anmeldeseite anzulegen. Auch dieses Plug-In ist mit dem Hinzufügen und Speichern fertig konfiguriert. Im Frontend sind dann alle Felder für eine Liefer- und Rechnungsadresse zu sehen, wobei die Lieferadresse mit einem Häkchen auch als Rechnungsadresse genutzt werden kann.

Reiter Plug-In

Schritt 2: Adresseingabe im Frontend

Schritt 3: Bezahlungsart & Versandmethode


Nach der Adresse wählen Kunden die Bezahlart und Versandmethode. Legen Sie die Seite mit diesem Inhaltselement also am besten als Unterseite der Adresseingabe an. Das Plug-In ist ohne weitere Änderungen einsatzbereit. Automatisch zeigt das Plug-In im Frontend alle von Ihnen angelegten Versandmethoden und Bezahloptionen.

Reiter Plug-In

Schritt 3: Bezahlungsart & Versandmethode
 im Frontend

Schritt 4: Zusammenfassung

Die Bestellübersicht fasst alle eingegebenen Informationen auf einer Seite zusammen. Da dieser Schritt nach der Wahl von Versandart und Bezahlmethode folgt, fügen Sie am besten die Seite mit diesem Inhaltselement danach ein. Auch dieses Plug-In ist mit dem Einfügen in die vorgesehene Seite bereits fertig konfiguriert.

Reiter Plug-In

Schritt 4: Zusammenfassung im Frontend

Produkt-Liste

Mit der Produktliste genieren Sie eine Liste ausgewählter Artikel. Fügen Sie dafür entweder einzelne Artikel oder Produktkategorien im Reiter Plug-In hinzu, um im Frontend Artikel-Teaser zu konfigurieren.

Damit die einzelnen Artikel angeklickt und im Detail angezeigt werden können, muss die Detail-Seite angegeben werden. Diese Seite legen Sie am besten als Unterseite an und fügen dort das Inhaltselement Produkt-Seite-Einzelansicht ein.

Zum Schluss legen Sie noch das Produkt-Limit pro Seite fest. Standardmäßig sind 12 Artikel eingestellt, das können Sie Ihren Anforderungen und Vorstellungen anpassen.

Produkt-Liste im Frontend

Reiter Plug-In

Produkt-Liste-Einzelansicht

Die Einzelansicht der Produktliste wird in eine separate Seite eingefügt, am besten als Unterseite der Produktliste. In den Seiteneigenschaften im Reiter Zugriff muss die Option 'In Menüs aktivieren' deaktiviert werden. Die Seite wird so nicht im Menü angezeigt, ermöglicht aber die Detailansicht in der Produktliste.

Reiter Plug-In

Produkt-Liste-Einzelansicht im Frontend

Auftragszahlung: Abwicklung

Das Inhaltselement Auftragszahlung: Abwicklung ermöglicht die Zahlungsabwicklung für Bestellungen. Wenn Sie das Plug-In über das Allgemeine Plug-In einfügen, müssen Sie aus der Liste der Plug-Ins das Shop-Plug-In 'Bestellung Zahlung: Abwicklung' einfügen. Sie müssen im Inhaltselement keine Einstellungen ändern.

Reiter Plug-In

Auftragszahlung: Bestätigung

Das Inhaltselement Auftragszahlung: Bestätigung generiert eine Bestätigung für abgewickelte Zahlungen. Wenn Sie das Allgemeine Plug-In nutzen, müssen die in der Plug-In-Liste 'Order Payment: Bestätigung' wählen. In den Einstellungen des Inhaltselements müssen Sie keine Änderungen vornehmen.

Reiter Plug-In

Order Payment: Abbrechen

Das Inhaltselement Order Payment: Abbrechen ermöglicht ein Abbrechen ausstehender Zahlungen. Um das Inhaltselement über das Allgemeine Plug-In einzufügen, müssen Sie in der Plug-In-Liste 'Bestellung Zahlung: Abbrechen' wählen. Sie müssen in den Einstellungen des Inhaltselementes nichts anpassen.

Reiter Plug-In

Sie wollen mehr wissen?

Alle Informationen zu den verfügbaren Editionen finden Sie auf der Webseite für unsere TYPO3 Website-Base. Sie haben die Möglichkeit eine Webseite zum Fixpreis erstellen zu lassen oder entscheiden sich für ein Website as a Service Paket, mit dem keine weiteren Kosten für Hosting oder Sicherheits- und Funktionsupdates auf Sie zukommen werden.