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.
En la sección Diseño, haz clic en el archivo theme.liquid.
Copia y pega el siguiente código en el archivo.
<script>
$(document).ready(function() {
{% assign has_physical_products = false %}
{% for item in cart.items %}
{% if item.requires_shipping %}
{% assign has_physical_products = true %}
{% endif %}
{% endfor %}
{% if has_physical_products %}
$('[name="checkout"]').attr('disabled', 'disabled');
window.ZapietEvent.listen('widget_loaded', function() {
$('[name="checkout"]').removeAttr('disabled');
});
{% endif %}
});
</script>Coloca el código en el archivo theme.liquid dentro del cuerpo. Puedes buscar </body> y anteponer el código.
Haz clic en Guardar.
El botón de pago ahora estará bloqueado hasta que Zapiet - Recogida + Entrega se haya cargado por completo.
Solución de problemas
Para probar si el código funciona, puede duplicar el tema y deshabilitar la inserción de nuestra aplicación en el duplicado. Si el botón de pago está deshabilitado, esto indica que el código está funcionando bien.
Si el código no funciona, intenta agregar jQuery encima del archivo del carrito, p. carrito.liquido, carrito-plantilla.liquido, carrito-principal.liquido, carrito-pie-pie-liquido, etc.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>