Entonces, Shopify coloca el formulario predeterminado usando el siguiente líquido:
{%- form 'customer_login' -%}Creé este div oculto para la respuesta de Ajax desde /account/login:
<div id="responseDiv" style="display: none"> </div>Aquí está el script Ajax:
var frm = $('#customer_login'); frm.submit(function (e) { e.preventDefault(); $.ajax({ type: frm.attr('method'), url: frm.attr('action'), data: frm.serialize(), success: function (data) { $('#responseDiv').html(data); if($. ('#responseDiv .errors').length > 0){ console.log("ERRORS FOUND"). } else { location.reload(); }},});});Con este script hay un par de problemas cuando el formulario tiene errores, soy bastante nuevo en JavaScript y agradecería mucho si alguien puede proporcionarme/ayudarme a encontrar una mejor manera de lograr lo que estoy tratando de hacer, gracias de antemano .