Si vives en una región con poco ancho de banda, tus clientes pueden tener problemas para realizar el pago antes de que nuestro widget se haya cargado por completo y luego omitan agregar detalles relevantes de fecha y hora. En este caso, puedes desactivar el botón de pago hasta que nuestro widget se haya cargado por completo.
Bloquear el botón de pago
En la biblioteca de temas, selecciona el tema y haz clic en Editar código.
Abre el archivo theme.liquid.
Busca
</body>y añade el código que aparece a continuación.<!-- 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 -->
Haz clic en Guardar.
En Zapiet - Recogida + Entrega, haz clic en Ajustes y, a continuación, en Desarrolladores.
Pega el siguiente código en los Scripts personalizados.
var styleTag = document.querySelector("#zapiet-style-disable-checkout-button");
if (styleTag) {
styleTag.remove();
}
Haz click en Guardar.
El botón de pago se deshabilitará hasta que el widget Zapiet - Recogida + Entrega se haya cargado para todos los productos físicos. Si tienes productos digitales que utilizan el widget, utiliza el código añadido en la sección de solución de problemas.
Si desinstalas Zapiet - Recogida + Entrega o deshabilitas el widget, el botón de pago permanecerá bloqueado. Por favor, elimina primero el código de theme.liquid.
Solución de problemas
Si no te sientes cómodo editando código, ¡ponte en contacto con nuestro equipo a través del chat y estaremos encantados de ayudarte!
Si tienes productos digitales que utilizan el widget, puedes reemplazar el código añadido en theme.liquid con esto:
<!-- Zapiet | Disable checkout button -->
<style id="zapiet-style-disable-checkout-button">
[name="checkout"] {
opacity: 0.5;
pointer-events: none;
}
</style>
<!-- End of Zapiet code -->