Funcionalidades

Articles

Calculador de envíos
En el siguiente tutorial, explicamos cómo agregar el calculador de envíos y los locales físicos en tu diseño: El código en este tutorial incluye: El calculador de envíos, tanto en el detalle del producto ...
Información de medios de pago y cuotas
En este tutorial, vemos cómo agregar visibilidad sobre medios de pago y cuotas en tu diseño: El código en este tutorial incluye: Cuotas en el listado de productos, el detalle del producto y el carrito (solo aplica en tiendas ...
Facebook Login
En este artículo, vamos a agregar un botón que permite al usuario loguearse usando Facebook, tanto en la página de Login como en la de Crear cuenta. Para poder configurar esta funcionalidad desde el Administrador nubes te...
Página en Construcción
La página en construcción permite ocultar productos y páginas internas de la tienda en momentos en los que no se quieren recibir visitas, ya sea porque aún no fue lanzada o está bajo proceso de renovación. ...
Sellos Personalizados
En este tutorial te vamos a explicar cómo se puede agregar un sello o logo personalizado para que aparezca en el footer de la tienda, desde la sección Personalizar mi diseño actual en el Administrador nube. Por lo general se uti...
Promociones
En este tutorial vamos a agregar las promociones en tu diseño, ofreciendo la posibilidad de mostrar y aplicar promociones del tipo: 2x1, 3x1, % de descuento sobre un producto o a partir de una determinada cantidad de unidades. Las promocione...
Botón de chat a través de WhatsApp
En este tutorial te contamos cómo implementar el botón que accede a la conversación por WhatsApp con el administrador de la tienda: HTML 1. Crea dentro de la carpeta snipplets el archivo whatsapp-chat.tpl  con el s...
Encuestas de Google a tu tienda
En este tutorial vamos a ver cómo agregar la insignia de las encuestas de Google en tu tienda. HTML 1. Agregamos en la carpeta static/js el archivo google-survey.js.tpl  en el que copiamos el siguiente código: {# Google su...
Lazy load
En algunos tutoriales incluimos la técnica de lazy load, para la cual usamos el plugin  Lazysizes .  Básicamente lo que hace es evitar cargar imágenes que no están dentro del campo visual en la pantalla del dis...
Clases helper o utilities
En los themes de Tiendanube usamos clases llamadas helpers o utilities, las cuales sirven para aplicar una propiedad aislada de CSS.   Por ejemplo si necesitamos que un texto esté alineado al centro, usamos la clase “text-center&r...
Filtros y orden de productos
En este artículo vamos a agregar dos funcionalidades: Filtros Incluye la posibilidad de agregar y remover filtros en la página de categorías. También agrega en la versión desktop una barra con las categor&...
Resultados de envíos y puntos de retiro
En este tutorial explicamos cómo mostrar los resultados del calculador de envíos destacando las mejores opciones y dividiendo entre opciones de envío a domicilio y puntos de retiro. Antes de comenzar es necesario aclarar que...
Seguridad en el formulario de registro
En este tutorial vamos a agregar el reCAPTCHA de Google en el formulario de registro para asegurarnos que los usuarios registrados no sean bots. Básicamente, evita el spam que pueda ser generado a tráves de este formulario y por ende h...
Coronavirus
En el siguiente tutorial, explicamos cómo agregar al calculador de envíos una alerta por demoras dada la situación sanitaria actual del país.  HTML Dentro del snipplet shipping_options.tpl agregamos el siguien...
Mensaje de envío gratis en el calculador de envíos
En el siguiente tutorial, explicamos cómo agregar al calculador de envíos un mensaje para cuando la compra tiene envío gratis. Para que una compra tenga envío gratis puede depender tanto de un monto mínimo d...