Warenkorb und Merkliste

Der Warenkorb und die Merkliste dienen einem Kunden dazu, Artikel für den Bestellprozess zu sammeln. Artikel im Warenkorb werden durch den Bestellprozess zur Bestellung und die Merkliste bietet dem Kunden die Möglichkeit Artikel zu speichern und diese zu einem späteren Zeitpunkt zu bestellen.

Damit die Artikel im Warenkorb und der Merkliste über mehrere Besuche des Shops vom gleichen Gerät gespeichert werden, muss der Kunden den funktionalen Cookies zustimmen.

Damit die Artikel im Warenkorb und der Merkliste über mehrere Besuche des Shops von unterschiedlichen Geräten gespeichert werden, muss der Kunde ein Kundenkonto erstellt haben und im Shop angemeldet sein.

Platzierung über das CMS

Damit der Warenkorb und die Merkliste im Shop dargestellt werden, müssen die entsprechenden CMS-Ansichten platziert werden. Siehe auch die Dokumentation der CMS-Ansichten und Seiten.

Für den Warenkorb sollte die Ansicht "Bestellprozess: Warenkorb" aus dem Shop-Theme auf der Seite mit dem shortlink "basket" platziert werden.

Für die Merkliste sollte die Ansicht "Bestellprozess: Merkliste" aus dem Shop-Theme auf der Seite mit dem shortlink "wishlist" platziert werden.

Styling

Über Administation → Themes → Themes → Auswahl Theme sind folgende Einstellungen interessant für die Darstellung des Warenkorbs und der Merkliste.

Hinweis: Nach Änderungen der Variablen muss dieses Theme zuerst über "Theme erzeugen" neu erzeugt werden.

Reiter	Variable(n)	Beschreibung
`framework-container`	`$shop-framework-container-variant-basket-gutter`	Definiert die allgemeinen Abstände der Warenkorb-Container.
`framework-container`	`$shop-framework-container-variant-` `basket-[image, content, actions, notifications]-` `width-[xs, sm, md, lg]`	Mit diesen Variablen können die Breiten der vier Layout-Bereiche eines Eintrags in der Auflistung der Warenkorbartikel definiert werden. Diese sollten allerdings, gerade bei Verwendung prozentualer Werte, miteinander schlüssig sein. Über diese Variablen ist es möglich, die Layout-Bereiche auf breiteren Geräte nebeneinander und auf schmäleren Geräten untereinander darzustellen.
`framework-container`	`$shop-framework-container-variant-basket-actions-breakpoint`	Bestimmt die Breite, ab dem der Bereich für die Aktionen der Toolbar nebeneinander und den Hintergrund `$shop-framework-container-variant-basket-actions-background` dargestellt wird.
`framework-container`	`$shop-framework-container-variant-basket-actions-background`	Hintergrundfarbe, welche den Aktionen nach Umbruch durch `$shop-framework-container-variant-basket-actions-breakpoint` gegeben wird.
`shop-listing`	`$shop-listing-variant-squeeze-max-width`	Definiert die maximale Breite der Auflistungen. Diese Variante wird den Preisen gegeben.
`shop-basket-divider`	`$shop-basket-divider-gutter`	Abstand zu anderen Elementen.
`shop-basket-divider`	`$shop-basket-divider-inset`	Abstand links und rechts. Falls eine Einrückung der Trennlinie gewünscht ist.
`shop-basket-divider`	`$shop-basket-divider-[width, color, style]`	Definiert den Rahmen, welcher als Trenner dargestellt wird.
`$shop-basket-image`	`$shop-basket-image-ratio`	Verhältnis von Höhe und Breite des Bildes in Prozent.

Benachrichtigungen

Folgende Benachrichtigungen kann unterstützt der Warenkorb durch Component/Notification.

Kundenbenachrichtigung

Mit \Brandbox\ShopCore\View\Basket\Manager::addBasketUserNotification kann ein Benachrichtigung-Datensatz mit dem $target-Muster BasketUserNotification:id und Endpunkt public angelegt werden. Diese Benachrichtigungen werden dann unterhalb der Warenkorbinhalte dargestellt.

Sessionbenachrichtigungen

Mit \Brandbox\ShopCore\View\Basket\Manager::addBasketSessionNotification kann ein Benachrichtigung-Datensatz mit dem $target-Muster BasketSessionNotification:id und Endpunkt public angelegt werden. Diese Benachrichtigungen werden dann unterhalb der Warenkorbinhalte dargestellt.

Eine CartEntity definieren

Es ist in bestimmten Fällen sinnvoll, eine eigene CartEntity zu definieren. Hauptsächlich ist das wichtig, wenn man nicht direkt mit einem shopSessionArticle arbeitet und dennoch einen Eintrag im Warenkorb / Merkliste / etc. darstellen, und dessen Eventstrucktur verwendent möchte.

Um eine CartEntity zu definieren, muss man eine Klasse definieren, welche das Interface \Brandbox\ShopCore\Shop\Checkout\lib\Struct\CartEntityInterface implementiert. Idealerweise leitet diese Klasse dann auch von \Brandbox\ShopCore\Shop\Checkout\lib\Struct\CartEntityAbstract ab, um zukünftige Änderungen am Interface leichter vom Produkt migriert zu bekommen.

Zusätzlich sollte diese Entität dann über das Event \Brandbox\ShopCore\Shop\Checkout\lib\event\OnPopulateCartEntities zu den $entities hinzugefügt werden. Danach kann diese Entität, zusammen mit anderen Arten, über \Brandbox\ShopCore\Shop\Checkout\Manager::getCartEntities abgerufen werden. In OnPopulateCartEntities sollte immer der mitgegebene $context geprüft werden. Wenn die Entität zum Beispiel nur auf der Merkliste dargestellt werden sollt, muss geprüft werden, dass der Kontext \Brandbox\ShopCore\Shop\Checkout\lib\Struct\CartContextWishlist entspricht.

Meistens ist er auch sinnvoll, eine eigene Kontextklasse zu definieren. Diese sollte dann von \Brandbox\ShopCore\Shop\Checkout\lib\Struct\CartContextAbstract ableiten und Checkout\Manager::getCartEntities mitgegeben werden. Das ist notwendig, wenn nur Entitäten dieses Typs zurückgeliefert werden sollen. Auch notwendig ist es, auf diesen Kontext in OnPopulateCartEntities zu reagieren.

Events

Die Benennung innerhalb der Events orientiert sich an folgender Terminologie.

Begriff	Beschreibung
Cart(-Entity)	Ist eine Entität, die sich im Bestellprozess befindet. Das kann ein shopSessionArticle sein, der entweder im Warenkorb oder auf der Merkliste liegt. Oder aber auch eine Entität, die nichts mit der ShopSession zu tun hat. Zum Beispiel ein Paketeintrag welcher nur auf shopSessionArticle verweist.
CartSessionArticle	Ist eine konkrete Art einer Cart-Entity. CartSessionArticle ist eine Cart-Entity, welche shopSessionArticle im Bestellprozess, Warenkorb und Merkliste verwaltet. Siehe auch CartSessionArticle.
Basket(-Entity) / `CartContextBasket`	Ist eine CartEntity welche im Warenkorb dargestellt werden soll
Wishlist(-Entity) / `CartContextWishlist`	Ist eine CartEntity welche auf der Merkliste dargestellt werden soll

Warenkorb

Diese Events arbeiten mit dem \Brandbox\ShopCore\View\Basket\Lib\Struct\BasketContextAbstract und den \Brandbox\ShopCore\Shop\Checkout\lib\Struct\CartEntityInterface-Entities.

Der Kontext \Brandbox\ShopCore\View\Basket\Lib\Struct\BasketContextBasket beschreibt den Warenkorb auf der Warenkorbseite und \Brandbox\ShopCore\View\Basket\Lib\Struct\BasketContextConfirmation beschreibt den Warenkorb in der Bestätigungsansicht im Bestellprozess.

OnPopulateBasket

Haupt-Event	Event	Beschreibung
	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasket`	Haupt-Event des Warenkorbs. In der Standardimplementation werden über die folgenden Unter-Events der Aufbau der Warenkorbansicht definiert.
`OnPopulateBasket`	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketToolbarAdditional`	Toolbar über der Auflistung der Warenkorbartikel
`OnPopulateBasket`	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketItems`	Auflistung der Warenkorbartikel. Für Details siehe separate Beschreibung.
`OnPopulateBasket`	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketSummary`	Für zusammenfassende Inhalte im Warenkorb oder komplexere Aktionen, welche sich auf den gesamten Warenkorb beziehen statt auf konkrete Artikel. In der Standardimplementation wird hier die Preiszusammenfassung und durch shop-voucher die Gutscheinaktionen hinzugefügt.
`OnPopulateBasket`	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketToolbar`	Toolbar für die Hauptaktionen der Warenkorbansicht. In der Standardimplementation werden hier "Weiter einkaufen" und "Bestellung abschließen" hinzugefügt.
`OnPopulateBasket`	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketMessages`	Hier können Hinweise für den Warenkorb dargestellt werden. Aktuell gibt es noch keine Standardimplementation, aber hier könnte zum Beispiel ein Hinweis stehen, dass sich der Warenkorb seit dem letzten Besuch geändert hat.
`OnPopulateBasket`	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketEmpty`	Wird dargestellt, wen keine `$entities` vorhanden sind. Für Details siehe separate Beschreibung.

OnPopulateBasketItems

Haupt-Event	Event	Beschreibung
	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketItems`	Auflistung der Warenkorbartikel. In der Standardimplementation wird hier für jeden Eintrag `OnPopulateBasketItem` aufgerufen und nach jedem Eintrag ein shop-basket-divider Element platziert.
`OnPopulateBasketItems`	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketItemImage`	Bild des Artikels. In der Standardimplementation wird hier ein shop-basket-image Element gebaut und hinzugefügt.
`OnPopulateBasketItems`	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketItemContent`	Informationen über den Artikel. In der Standardimplementation greift hier CartSessionArticle ein und reichert Inhalt aus dem shopSessionArticle an.
`OnPopulateBasketItems`	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketItemActions`	Bereich für Aktionen an konkreten Warenkorbartikeln. In der Standardimplementation wird hier `OnPopulateBasketItemActionsToolbar` ausgeführt. Für Details siehe separate Beschreibung.
`OnPopulateBasketItems`	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketItemMessages`	Hier können Hinweise zu konkreten Warenkorbartikel hinzugefügt werden. In der Standardimplementation werden zum Beispiel Hinweise für eine nicht ausreichende Menge hinzugefügt.

OnPopulateBasketItemActions

Haupt-Event	Event	Beschreibung
	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketItemActions`	Bereich für Aktionen an konkreten Warenkorbartikeln. In der Standardimplementation wird hier eine Toolbar hinzugefügt.
`OnPopulateBasketItemActions`	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketItemActionsToolbar`	Toolbar für Aktionen am Artikel. In der Standardimplementation werden hier Aktionen wie "Auf die Merkliste" oder "Entfernen" hinzugefügt.

OnPopulateBaskeEmpty

Haupt-Event	Event	Beschreibung
	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketEmpty`	Wird dargestellt, wen keine `$entities` vorhanden sind. Für Details siehe separate Beschreibung. In der Standardimplementation wird hier ein Hinweistext und eine Toolbar hinzugefügt.
`OnPopulateBasketEmpty`	`\Brandbox\ShopCore\View\Basket\Lib\Event\OnPopulateBasketEmptyToolbar`	Toolbar für die Hauptaktionen der Warenkorbansicht im leeren Zustand. In der Standardimplementation werden hier "Weiter einkaufen" hinzugefügt.

Merkliste

Analog zu Warenkorb, mit der Ausnahme der Benennung.

Warenkorbvorschau

OnPopulateBasketPreview

Haupt-Event	Event	Beschreibung
	`\Brandbox\ShopCore\View\BasketPreview\Lib\Event\OnPopulateBasketPreview`	Haupt-Event der Warenkorbvorschau. In der Standardimplementation werden über die folgenden Unter-Events ausgeführt.
`OnPopulateBasketPreview`	`\Brandbox\ShopCore\View\BasketPreview\Lib\Event\OnPopulateBasketPreviewTotal`	Gesamtsumme als Vorschau im statischen Element.
`OnPopulateBasketPreview`	`\Brandbox\ShopCore\View\BasketPreview\Lib\Event\OnPopulateBasketPreviewElements`	Inhalt des aufklappenden Bereichs der Warenkorbvorschau.

OnPopulateBasketPreviewElements

Haupt-Event	Event	Beschreibung
	`\Brandbox\ShopCore\View\BasketPreview\Lib\Event\OnPopulateBasketPreviewElements`	Bereich für Elemente innerhalb des aufklappenden Bereichs in der Warenkorbvorschau.
`OnPopulateBasketPreviewElements`	`\Brandbox\ShopCore\View\BasketPreview\Lib\Event\OnPopulateBasketPreviewItems`	Darstellung und Verarbeitung der einzelnen Cart-Entities.
`OnPopulateBasketPreviewElements`	`\Brandbox\ShopCore\View\BasketPreview\Lib\Event\OnPopulateBasketPreviewSummary`	Bereich für eine Zusammenfassung der Inhalte. In der Standardimplementation wird hier, abhängig der mitgegebenen Preiskonfiguration, die Gesamtsumme dargestellt.
`OnPopulateBasketPreviewElements`	`\Brandbox\ShopCore\View\BasketPreview\Lib\Event\OnPopulateBasketPreviewToolbar`	Toolbar für Aktionen der Warenkorbvorschau. In der Standardimplementation werden hier Links zum Warenkorb und zum Bestellprozess dargestellt.

OnPopulateBasketPreviewItems

Haupt-Event	Event	Beschreibung
	`\Brandbox\ShopCore\View\BasketPreview\Lib\Event\OnPopulateBasketPreviewItems`	Darstellung und Verarbeitung der einzelnen Cart-Entities.
`OnPopulateBasketPreviewItems`	`\Brandbox\ShopCore\View\BasketPreview\Lib\Event\OnPopulateBasketPreviewItem`	Wird pro Cart-Entity aufgerufen. In der Standardimplementation greift hier CartSessionArticle ein und reichert Inhalt aus dem shopSessionArticle an.

Wichtige Einstiegspunkte

Einstiegspunkt	Beschreibung
`\Brandbox\ShopCore\Shop\Checkout\Manager::getCartEntities`	Liefert alle CartEntities zurück, welche über `\Brandbox\ShopCore\Shop\Checkout\lib\event\OnPopulateCartEntities` hinzugefügt werden. Die Filterung der Einträge geschieht dann über die Mitgabe der richtigen `\Brandbox\ShopCore\Shop\Checkout\lib\Struct\CartContextAbstract` Kontextklasse. Zum Beispiel fügt der Shop eine Entität nur hinzu, wenn zum Beispiel der Kontext `\Brandbox\ShopCore\Shop\Checkout\lib\Struct\CartContextSessionBasket` mitgegeben wurde.
`\Brandbox\ShopCore\View\Basket\Lib\Subscriber\ViewBasketSubscriber::getSubscribedEvents`	Auflistung der Hauptevents der Standardimplementation des Warenkorbs
`\Brandbox\ShopCore\View\Wishlist\Lib\Subscriber\ViewWishlistSubscriber::getSubscribedEvents`	Auflistung der Hauptevents der Standardimplementation der Merkliste
`\Brandbox\ShopCore\View\CartSessionArticle\Lib\Subscriber*`	Auflistung des Integrationsevents des CartSessionArticles in die einzelnen Views. Hier werden tatsächliche Werte eines shopSessionArticles verarbeitet und ausgegeben. Siehe auch CartSessionArticle.