Zum Hauptinhalt springen
Alle KollektionenFortgeschritten
Produktinformationen auf der Warenkorbseite anzeigen
Produktinformationen auf der Warenkorbseite anzeigen

Zeigen Sie Kunden das Tag, den Anbieter, die Kollektion oder den Produkttyp auf der Warenkorbseite an

Pavlo avatar
Verfasst von Pavlo
Vor über einer Woche aktualisiert

Wenn Sie Funktionen wie die bedingte Aktivierung nutzen, möchten Sie Ihren Kunden möglicherweise auf der Warenkorbseite zusätzliche Informationen geben. Sie können anzeigen, welche Produkte nur unter bestimmten Bedingungen verfügbar sind.

Wenn Sie beispielsweise einige Produkte als „Nur Abholung“ markiert haben, kann es für Kunden verwirrend sein, auf der Warenkorbseite zu erkennen, welches Produkt nicht zur Abholung verfügbar ist. Diese Lösung fügt einem Produkt auf der Warenkorbseite den Text „Nur Abholung“ hinzu, wie unten gezeigt:

Sie können den Code und den Wortlaut bearbeiten, um beliebige Informationen zu den Produkten anzuzeigen, zum Beispiel:

  • Welche Checkout-Methoden für Ihre Produkte verfügbar sind

  • An welchen Tagen oder Daten Ihre Produkte verfügbar sind

  • An welchen Standorten Ihre Produkte verfügbar sind

  • Wie lange die Vorbereitung Ihrer Produkte dauert

Wenn Sie mit der Codebearbeitung nicht vertraut sind, kontaktieren Sie uns bitte unter [email protected] und wir helfen Ihnen gerne weiter!


Theme-Code bearbeiten

Um den Text auf der Warenkorbseite anzuzeigen, müssen Sie Ihren Themen-Dateien Code hinzufügen.

  1. Klicken Sie unter Vertriebskanäle auf Online-Shop.​

  2. Suchen Sie das Thema, das Sie bearbeiten möchten, und klicken Sie auf „“ und dann auf „Code bearbeiten“.​

  3. Suchen Sie die Warenkorbdatei (z. B. cart.liquid, cart-template.liquid, main-cart.liquid usw.).

  4. Fügen Sie den Code zwischen den Abschnitten ein, die sich auf Artikelmenge und Artikelpreis beziehen – oder eine andere Platzierung, die Ihren Anforderungen entspricht.

Der Code kann geändert werden, um Text abhängig vom Folgenden anzuzeigen:


Tags anzeigen

Sie können den Code an Ihre Geschäftsanforderungen anpassen.

In diesem Beispielcode können Kunden anhand der Produkt-Tags erkennen, welche Produkte für welche Checkout-Methode verfügbar sind.

Der Text muss nicht mit dem Tag übereinstimmen, Sie können jeden gewünschten Wortlaut hinzufügen.

  • Wenn der Artikel mit „Nur Abholung“ gekennzeichnet ist, wird im Warenkorb der Text „Nur Abholung“ angezeigt

{% if item.product.tags contains "Nur Abholung" %}     
<p style="color:red;text-align:center;"><strong>Nur Abholung</strong></p> {% endif %}
  • Wenn der Artikel mit „Nur Zustellung“ gekennzeichnet ist, wird im Warenkorb der Text „Nur Zustellung“ angezeigt

{% if item.product.tags contains "Nur Zustellung" %}     
<p style="color:red;text-align:center;"><strong>Nur Zustellung</strong</p> {% endif %}
  • Wenn der Artikel mit „Nur Versand“ gekennzeichnet ist, wird im Warenkorb der Text „Nur Versand“ angezeigt

{% if item.product.tags contains "Nur Versand" %}     
<p style="color:red;text-align:center;"><strong>Nur Versand</strong></p>
{% endif %}

Anbieter anzeigen

Sie können den Code unten ändern, um ihn an Ihren Shop anzupassen.

In diesem Beispielcode können Kunden sehen, welche Produkte abhängig vom Produktanbieter für welche Checkout-Methode verfügbar sind.

Der Text muss nicht mit dem Anbieternamen übereinstimmen; Sie können jeden gewünschten Wortlaut hinzufügen.

  • Wenn der Anbieter „Lager“ ist, wird im Warenkorb der Text „Nur Versand“ angezeigt

{% for vendor in item.product.vendor %}
{% if vendor == "Lager" %}
<p style="color:red;text-align:left;"><strong>Nur Versand</strong></p>
{% endif %}
{% endfor %}
  • Wenn Sie mehrere Anbieter vergleichen möchten, können Sie diese in einer for-Schleife hinzufügen.

    • Wenn der Anbieter „Lager“ ist, wird im Warenkorb der Text „Nur Versand“ angezeigt

    • Wenn der Anbieter „Shop“ ist, wird im Warenkorb der Text „Nur Abholung“ angezeigt

{% for vendor in item.product.vendor %}
{% if vendor == "Lager" %}
<p style="color:red;text-align:left;"><strong>Nur Versand</strong></p>
{% endif %}

{% if vendor == "Shop" %}
<p style="color:red;text-align:left;"><strong>Nur Abholung</strong></p>
{% endif %}
{% endfor %}

Produkttyp anzeigen

Sie können den Code unten ändern, um ihn an Ihren Shop anzupassen.

In diesem Beispielcode können Kunden sehen, welche Produkte für welche Checkout-Methode und mit welcher Vorbereitungszeit nach Produkttyp verfügbar sind.

Der Text muss nicht mit dem Produkttyp übereinstimmen; Sie können jeden gewünschten Wortlaut hinzufügen.

  • Wenn das Produkttyp „Blumen“ ist, lautet der Text im Warenkorb "Nur Abholung".

{% if item.product.type == 'Blumen' %}
<p style="color:red;text-align:left;"><strong>Nur Abholung</strong></p>
{% endif %}
  • Wenn der Produkttyp „Bäckerei“ ist, wird im Warenkorb der Text „Verfügbar in 2 Tagen“ angezeigt

{% if item.product.type == 'Bäckerei' %}
<p style="color:red;text-align:left;"><strong>Verfügbar in 2 Tagen</strong></p>
{% endif %}


Produktkollektion anzeigen

Sie können den Code unten ändern, um ihn an Ihren Shop anzupassen.

In diesem Beispielcode können Kunden anhand der Produktkollektion sehen, welche Produkte an welchem Ort verfügbar sind.

Der Text muss nicht mit der Kollektion übereinstimmen; Sie können jeden gewünschten Wortlaut hinzufügen.

  • Wenn es sich bei der Kollektion um „Berliner Str“ handelt, wird im Warenkorb der Text „Verfügbar auf der Berliner Straße“ angezeigt

{% for collection in item.product.collections %}
{% if collection.title == 'Berliner Str' %}
<p style="color:red;text-align:left;"><strong>Verfügbar auf der Berliner Straße</strong></p>
{% endif %}
{% endfor %}
  • Wenn Sie Kollektionen vergleichen möchten, können Sie sie in eine for-Schleife einfügen.

    • Wenn es sich bei der Kollektion um „Berliner Str“ handelt, wird im Warenkorb der Text „Verfügbar auf der Berliner Straße“ angezeigt

    • Wenn es sich bei der Kollektion um „Stephansplatz“ handelt, wird im Warenkorb der Text „Verfügbar am Stephansplatz“ angezeigt

{% for collection in item.product.collections %}
{% if collection.title == 'Berliner Str' %}
<p style="color:red;text-align:left;"><strong>Verfügbar auf der Berliner Straße</strong></p>
{% endif %}

{% if collection.title == 'Stephansplatz' %}
<p style="color:red;text-align:left;"><strong>Verfügbar am Stephansplatz</strong></p>
{% endif %}
{% endfor %}

Hat dies deine Frage beantwortet?