Mit Produkttags können Sie Checkout-Methoden ausblenden, indem Sie ein Code-Snippet hinzufügen.
Zum Beispiel: Wenn Sie bestimmte Produkte haben, die nur zur Abholung verfügbar sind, können Sie die anderen Methoden wie Zustellung und/oder Versand ausblenden.
Wenn Sie alle Methoden Ihren Kunden anzeigen und nur eine Fehlermeldung anzeigen möchten, wenn sie nicht verfügbar sind, können Sie unsere native Funktion zur bedingten Aktivierung (für die Abholung, Zustellung und den Versand) verwenden.
Weitere Informationen zu Tags und wie Sie diese zu Ihren Produkten hinzufügen können, finden Sie im Artikel Shopifys zum Hinzufügen von Tags.
Bitte kontaktieren Sie uns unter [email protected] – wir helfen Ihnen gerne bei der Implementierung. Fahren Sie nur fort, wenn Sie sich mit dem Bearbeiten von Code sicher fühlen.
Ein Code-Snippet hinzufügen
Diese Schritte gelten nur für die Zapiet – Abholung + Zustellung Widget-Version 1 oder 2. Welche Version des Widgets verwende ich?
Wenn Sie eine ältere Version verwenden, kontaktieren Sie uns bitte über den Chat. Wir aktualisieren das Widget gerne auf die neueste Version für Sie!
Der Code muss unter Zapiet – Abholung + Zustellung > Einstellungen > Entwickler > Benutzerdefinierte Skripte hinzugefügt werden.
function hasTag(tag) {
var products = ZapietWidgetConfig.products;
for (var i = 0; i < products.length; i++) {
var tags = products[i].tags;
for (var j = 0; j < tags.length; j++) {
if (tags[j] == tag) {
return true;
}
}
}
return false;
}
if (hasTag("Nur Zustellung")) {
Zapiet.show("delivery");
Zapiet.hide(["shipping", "pickup"]);
}
else if (hasTag("Nur Abholung")) {
Zapiet.show("pickup");
Zapiet.hide(["shipping", "delivery"]);
}
Der zweite Teil des Codes muss an Ihre Anforderungen angepasst werden: Der Code hat zwei Teile, wenn Sie zwei verschiedene Tags verwenden möchten.
Der erste Teil zeigt nur die Zustellung an und blendet Versand und Abholung für Produkte mit dem Tag „Nur Zustellung“ aus.
So ändern Sie den Code:
Ersetzen Sie „Nur Zustellung“ durch das Tag, das Sie erstellt haben.
Tags sind groß-/kleinschreibungsempfindlich, stellen Sie also sicher, dass der Wert genau übereinstimmt.
Ersetzen Sie „delivery“ durch die Methode, die Sie anzeigen möchten.
Ersetzen Sie (["shipping", "pickup"]) durch die Methoden, die Sie ausblenden möchten.
if (hasTag("Nur Zustellung")) {
Zapiet.show("delivery");
Zapiet.hide(["shipping", "pickup"]);Der zweite Teil zeigt nur die Abholung für Produkte mit dem Tag „Nur Abholung“ an und blendet Versand und Zustellung aus. Wenn Sie mehrere Tags hinzufügen möchten:
Ersetzen Sie „Nur Abholung“ durch das Tag, das Sie erstellt haben.
Tags sind groß-/kleinschreibungsempfindlich, stellen Sie also sicher, dass der Wert genau übereinstimmt.
Ersetzen Sie „pickup“ durch die Methode, die Sie anzeigen möchten.
Ersetzen Sie (["shipping", "delivery"]) durch die Methoden, die Sie ausblenden möchten.
} else if (hasTag("Pickup Only")) {
Zapiet.show("pickup");
Zapiet.hide(["shipping", "delivery"]);
}
Hinweis
Wenn Sie mehr als eine Methode anzeigen oder ausblenden, muss dies in einem Array erfolgen.
Bei Arrays verwenden Sie Klammern und eckige Klammern:
([shipping”, “delivery”])
Bei nur einer Methode verwenden Sie nur Klammern:
(“pickup”)
Fehlerbehebung
Wenn die Änderungen auf der Warenkorbseite nicht sichtbar sind, stellen Sie sicher, dass:
Die in den Code-Snippets hinzugefügten Tags genau mit den Tags Ihres Produkts übereinstimmen (sie sind groß-/kleinschreibungsempfindlich).
Sie jQuery in Ihren Theme-Dateien für die Online-Store-2.0-Version hinzugefügt haben. Falls nicht, können Sie es oben in der Warenkorbdatei Ihres Themes hinzufügen:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>