Agregar un selector de fecha de entrega a tu carrito

Puedes incluir un calendario en tu página del carrito que permite a los clientes especificar una fecha de entrega para su pedido.

Selector de fecha de entrega

Incluye jQuery en tu theme.liquid

Para que esta personalización funcione, algunos temas requieren que se agregue una etiqueta de script para jQuery al archivo de diseño theme.liquid. Si usas Boundless, Debut versión 17.2.0 o posterior, Express, Narrative o Venture, es posible que debas realizar el paso siguiente:

  1. En el directorio Diseño, haz clic en theme.liquid.

  2. Busca la etiqueta de cierre </head> en el código. En una nueva línea encima de la etiqueta de cierre </head>, pega el siguiente código:

{{ '//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js' | script_tag }}
  1. Haz clic en Guardar.

Crear un fragmento de fecha de entrega

Incluir el fragmento en tu página del carrito

Para incluir el fragmento de fecha de entrega en tu página del carrito:

  1. En el directorio Secciones, haz clic en cart-template.liquid. Si tu tema no tiene este archivo, haz clic en cart.liquid en el directorio Plantillas.

  2. Busca la etiqueta de cierre </form> en el código. En una nueva línea encima de la etiqueta de cierre </form>, pega el siguiente código:

{% render 'delivery-date' %}
  1. Haz clic en Guardar.

Ya tienes un campo de entrada de fecha de entrega en tu página del carrito. Cuando hagas clic dentro del campo de texto, aparecerá un calendario:

Selector de fecha de entrega

El selector de fecha usado en esta personalización es un widget de la biblioteca de interfaz de usuario jQuery. Este artículo del blog explica cómo desactivar fechas específicas en el calendario del selector de fechas.

¿Estás listo/a para comenzar a vender con Shopify?

Prueba gratis