Si vous vivez dans une région avec une bande passante faible, vos clients peuvent avoir des problèmes pour passer au paiement avant que notre widget ne soit complètement chargé, puis ignorer l'ajout des détails de date et d'heure requis. Dans ce cas, vous pouvez désactiver le bouton de paiement jusqu'à ce que notre widget soit complètement chargé.
Verrouiller le bouton de paiement
Dans la bibliothèque de thèmes, sélectionnez le thème et cliquez sur Modifier le code.
Ouvrez le fichier theme.liquid.
Recherchez
</body>et ajoutez-le au début du code ci-dessous.<!-- Zapiet | Disable checkout button -->
{% assign disable_checkout = false %}
{% for item in cart.items %}
{% if item.requires_shipping %}
{% assign disable_checkout = true %}
{% endif %}
{% endfor %}
{% if disable_checkout == true %}
<style id="zapiet-style-disable-checkout-button">
[name="checkout"] {
opacity: 0.5;
pointer-events: none;
}
</style>
{% endif %}
<!-- End of Zapiet code -->
Cliquez sur Enregistrer.
Dans Zapiet - Ramassage + Livraison, cliquez sur Paramètres, puis sur Développeurs.
Collez le code ci-dessous dans Scripts personnalisés.
var styleTag = document.querySelector("#zapiet-style-disable-checkout-button");
if (styleTag) {
styleTag.remove();
}
Cliquez sur Enregistrer.
Le bouton de paiement sera désormais désactivé jusqu'à ce que le widget Zapiet - Ramassage + Livraison soit chargé pour tous les produits physiques. Si vous possédez des produits numériques qui utilisent le widget, veuillez utiliser le code ajouté dans la section Dépannage.
Si vous désinstallez Zapiet - Ramassage + Livraison ou désactivez le widget, le bouton de paiement restera verrouillé. Veuillez d'abord supprimer le code de theme.liquid.
Dépannage
Vous devrez peut-être modifier le code pour cibler correctement le bouton de paiement. Si vous n'êtes pas à l'aise avec la modification du code, veuillez contacter notre équipe par notre chat en direct et nous serons heureux de vous aider !
Si vous possédez des produits numériques qui utilisent le widget, vous pouvez remplacer le code ajouté dans theme.liquid par ceci :
<!-- Zapiet | Disable checkout button -->
<style id="zapiet-style-disable-checkout-button">
[name="checkout"] {
opacity: 0.5;
pointer-events: none;
}
</style>
<!-- End of Zapiet code -->