Wenn Sie auf Ihrer Warenkorbseite ein Kontrollkästchen für Geschäftsbedingungen haben, müssen Sie möglicherweise zusätzlichen Code implementieren, damit es mit Zapiet – Abholung + Zustellung funktioniert.
Bitte kontaktieren Sie uns unter [email protected] — wir setzen dies gerne für Sie um. Fahren Sie nur fort, wenn Sie den Code selbst bearbeiten können.
ID des Kontrollkästchens „Allgemeine Geschäftsbedingungen“
Wir empfehlen Ihnen, ein Duplikat Ihres Live-Themes zu erstellen, um Änderungen zu vermeiden, die sich auf Kunden auswirken könnten.
Klicken Sie auf Onlineshop und dann auf Themen, um das Thema zu finden, das Sie bearbeiten möchten.
Klicken Sie auf … und dann auf „Code bearbeiten“.
Suchen Sie im Ordner „Abschnitte“ [Sections] nach Ihrer Haupt-Warenkorbdatei.
Die Datei könnte verschiedene Namen haben, z. B.:
cart.liquid
cart-template.liquid
cart-footer.liquid
Suchen Sie nach dem Code-Snippet für das Kontrollkästchen für Ihre Allgemeinen Geschäftsbedingungen (normalerweise über der Schaltfläche „Zur Kasse gehen/Auschecken“).
Suchen Sie die ID für das Kontrollkästchen und notieren Sie sich den Namen – hier heißt sie „agree“.
Der Name könnte anders lauten, z. B.:Terms
Conditions
Wenn Sie die ID nicht finden können, müssen Sie sie hinzufügen.
Finden Sie diesen Code:
type="checkbox"Und ersetzen Sie es durch:
type="checkbox" id="agree"
Unterstützung für Kontrollkästchen hinzufügen
Diese Schritte gelten nur für die Widget-Version 1 oder 2 von Zapiet – Abholung + Zustellung. Welche Version des Widgets verwende ich?
Wenn Sie eine ältere Version verwenden, kontaktieren Sie uns bitte im Chat. Wir aktualisieren das Widget dann gerne für Sie auf die neueste Version!
Klicken Sie in Zapiet – Abholung + Zustellung auf Einstellungen und dann auf Entwickler.
Fügen Sie den folgenden Code zum Abschnitt „Benutzerdefinierte Skripte“ hinzu.
window.customCheckoutValidation = function(params, callback) {
var input = document.querySelector("#agree");
if (input && !input.checked) {
alert("Sie müssen den Allgemeinen Geschäftsbedingungen zustimmen.");
callback(false);
return;
}
callback(true);
}
Ändern Sie diesen Code bei Bedarf entsprechend Ihrem Thema.
Wenn die Kontrollkästchen-ID nicht „terms“ lautete, ändern Sie den Code oben entsprechend.
Zum Beispiel:
Klicken Sie auf Speichern.
Ihr Kontrollkästchen für die Allgemeinen Geschäftsbedingungen sollte jetzt in Zapiet – Abholung + Zustellung integriert sein.
Wenn Ihre Kunden auf „Zur Kasse gehen“ klicken, bevor sie Ihren Allgemeinen Geschäftsbedingungen zustimmen, wird ihnen eine Meldung angezeigt, die sie auffordert, den Allgemeinen Geschäftsbedingungen zuzustimmen.
Sollte dies bei Ihrem Shop nicht der Fall sein, schauen Sie sich unseren Abschnitt zur Fehlerbehebung an.
Fehlerbehebung
Wenn der Code nicht wie erwartet funktioniert, können Sie:
Bitte beachten Sie, dass jedes Thema anders ist und möglicherweise unterschiedliche Schritte erfordert.
Ordnen Sie den Beispielcode Ihrem Theme-Code zu
Wiederholen Sie Schritt 2 von „Unterstützung für Kontrollkästchen hinzufügen“, um sicherzustellen, dass die ID des Kontrollkästchens für die Allgemeinen Geschäftsbedingungen mit dem Code übereinstimmt, den Sie Ihrem Shop hinzugefügt haben.
jQuery hinzufügen
Gehen Sie zu Ihrer Haupt-Warenkorbdatei.
Fügen Sie den folgenden Code oben in der Datei hinzu.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Klicken Sie auf Speichern.
Wenn weiterhin Probleme auftreten, kontaktieren Sie uns bitte im Chat. Wir helfen Ihnen gerne weiter!