Warenkorb

Warenkorb






Hinweise
Beim Aufruf der URL /cart steht die Variable cart automatisch zur Verfügung.

Alle Positionen des aktuellen Warenkorbes werden in einer Schleife abgearbeitet und somit für jede Position der entsprechende HTML-Code erstellt:
{% for item in cart.items %}

Für jede Position werden die entsprechenden Werte eingesetzt:

Anzahl
Artikel
Einzelpreis
Positionssumme

Für den aktuellen Warenkorb werden die berechneten Werte eingesetzt:

Zwischensumme
Versandkosten
Gesamtsumme

Der Zahl-/Checkout-Prozess wird dann mit diesem Link aufgerufen:
<a href="/checkout">Diese Artikel bestellen</a>

    • Related Articles

    • Produkt

      <h1>{{ product.title }}</h1> Der Titel des Produktes wird innerhalb des h1 Tags eingesetzt → product.title. <img src="{{ product.images.first | product_img_url: 'medium' }}" /> Es wird für das Produkt ein Image-Tag mit der URL des favorisierten ...
    • cart

      Ordner mein-design/templates/cart.html Beispiel-URL demoshop.versacommerce.de/cart Positionen Jede Position im Warenkorb ist als item in der Variable cart.items gespeichert. Ein Item „weiß“, welche Variante eines Produktes es ist. Außerdem werden ...
    • product

      Ordner mein-design/templates/product.html Beispiel-URL demoshop.versacommerce.de/products/mein-produkt Variantenwechsel Die meisten VersaCommerce-Themes verwenden Javascript, um den Kunden bei Auswahl einer Variante auf die entsprechende Produktseite ...
    • theme

      Ordner mein-design/templates/cart.html Beispiel-URL demoshop.versacommerce.de/cart Diese beiden Liquid-Objekt müssen in der theme.html enthalten sein. Andernfalls wird das Theme nicht richtig funktionieren. {{ content_for_header }} and ...