Como agregar Termino y condiciones a tu tienda en Shopify

Publicado por Jony en

Este campo que generalmente va despues del subtotal de tu carrito de compras puede ubicarse en el codigo de tu cart.liquid o cart-template.liquid o en un mini cart que tengas en el header cart o en un ajax cart. Todo va a depender de que tema estes usando. Lo importante es que vaya luego de la linea de subtotal.

Hay veces como por ejemplo para el Cyber Day en donde aumentamos nuestro lead time de entrega o que la CCS nos exige que el cliente acepte los terminos y condiciones del servicio para que no diga despues que no sabia o no estaba al tanto de las politicas de funcionamiento de la tienda.

Para los que usan el tema Turbo y algunos otros temas de Themeforest esta opción ya vienen en el visual editor de tu tema por lo que no es necesario meter mano al código, Para los que no, aquí les dejo el código para que lo puedan instalar en su tienda.

<p style="float: none; text-align: right; clear: both; margin: 10px 0;">
  <input style="float:none; vertical-align: middle;" type="checkbox" id="agree" />
  <label style="display:inline; float:none" for="agree">
    Estoy de acuerdo con los <a href="/pages/terminos-y-condiciones">Terminos y condiciones</a>.
  </label>
</p>

se vería así:

Importante que este link lleve a una página que hayas creado con el titulo «Terminos y condiciones» ya que si el cliente quiere leerlos, pueda llegar al enlace correctamente.

Hasta aqui es sólo visual el campo, quiere decir que si el cliente no acepta las condiciones igualmente puede pasar a pagar.

Vamos a agregar una regla en el archivo theme.js o theme.js.liquid dependiendo tu plantilla y al final del código de este archivo vamos a pegar

$(document).ready(function() { $('body').on('click', '[name="checkout"], [name="goto_pp"], [name="goto_gc"]', function() { if ($('#agree').is(':checked')) { $(this).submit(); } else { alert("Debes aceptar los Términos y Condiciones para pasa a pago."); return false; } }); });

Listo!, Ahora si cumples con todo.

¿No sabes como hacerlo y prefieres que yo lo haga?

Contactame para cotizar como hacer este proyecto y todos los que necesites.

Categorías: Jonytips

0 comentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *