Add to Cart für Category Page - Zum Warenkorb hinzufügen für Produktübersichtsseite

  • Es ist gewünscht, dass man bereits in der Produktübersichtsseite (Category Page) eine Schaltfläche hat, um schon von hier aus das Produkt in den Warenkorb zu geben (add to cart). Darüber hinaus sollten natürlich auch die Hinweise auf Versandkosten als Link erhalten bleiben.


    Das eCommerce Template für den Virtuemart Demo Shop hält hierfür mehrere Ansichten bereit. Für die Produktübersicht in einer Kategorie (Category Page) stehen folgende Vorlagen zur Verfügung: default, flexible_v1_list, flexible_v2_list und flexible_v3_thu. Diese Vorlagen können für das Übersichtslayout einer Kategorie verwendet werden. Hierzu ruft man im Shopadmin unter >> Produkte >> Produktkategorien die gewünschte Kategorie auf und wählt bei "Kategorie Übersichtslayout eine der vorgenannten Vorlagen aus.


    Im Virtuemart Demo Shop passt die Vorlage "flexible_v1_list" sehr gut. Dort wurde für alle Kategorien dieses Übersichtslayout gewählt. Dadurch, dass nun standardmäßig immer ein Produkt pro Reihe angezeigt wird, lassen sich mehr Informationen ohne "Gedränge" unterbringen. Der Warenkorb-Link enthält auch keine Auswahlmöglichkeit für die Anzahl der Produkte. Sinn ist es, sozusagen "im Vorbeigehen" mal eben schnell was "mitzunehmen". Man erzählt sich unter Shopbetreibern, dass wiederkehrende Kunden Wert auf diese Warenkorb-Schaltfläche bereits in der Produktübersicht legen.


    Mit dem Link auf die Informationen zu den Versandkosten wird im Beispiel des Virtuemart Demo Shop bei der Datei .../TEMPLATEORDNDER/html/com_virtuemart/category/ beinahe genauso verfahren wie im Tutorial Link und Popup Fenster für Versandkosten in Produktdetails und Produktübersicht.


    Nur dass HIER in DIESEM Layout der erste Block mit den Preisen UND der zweite Block mit den Preisen für den einzufügenden Code zu nehmen ist. Der Code aus dem o.a. Tutorial wird also nach jedem Preisblock eingefügt, demnach also an zwei Stellen.


    Das macht natürlich auch Sinn: Denn rechts neben dem Sortierfeld oberhalb der Produktauflistung findet sich ein Schalter (Switcher) für das Umschalten auf drei Produkte pro Reihe. Dort wird dann zwar kein Warenkorblink angezeigt, jedoch erscheint auch hier der Versandkostenlink.


    Beide Tutorials sollten im Idealfall direkt nacheinander nachgearbeitet werden. So hat man gleich zwei Aspekte des Produkt- und Kategorie-Übersicht-Layouts erledigt :)