New Articles

  1. Cartel de porcentaje de descuento

    En este tutorial vamos a ver como mostrar un cartel que calcula el porcentaje de descuento cuando un producto tiene un precio original y un precio promocional, tanto en el detalle del producto como en el listado: Este porcentaje se calcula cuand...
  2. Imagen por variante

    ⚠️ A partir del día 30 de enero de 2023, la librería jQuery será removida del código de nuestras tiendas, por lo tanto la función "$" no podrá ser utilizada. Esta funcionalidad permite relacionar una imagen dependiendo de la variante de producto....
  3. Colores en el item de producto

    En este tutorial vamos a ver cómo previsualizar los colores de un producto en el listado, sin tener que ingresar al detalle del producto: HTML 1. Lo primero que vamos a hacer, es agregar un nuevo snipplet llamado item-colors.tpl dentro de la ...
  4. Filtros y orden de productos

    En este tutorial vamos a ver cómo agregar los filtros de categorías y propiedades, así como la posibilidad de ordenar los productos. Entre las propiedades a filtrar se encuentran: Variantes del producto Marca Precio Campos personalizados En ...
  5. Validación de usuarios registrados

    Queremos verificar que el usuario ingresa su email real, sumando una instancia de validación a través de un link que enviaremos al correo que se ingresó. HTML 1. Cuando un usuario cree una cuenta, vamos a decirle que tiene que validar su cuenta...
  6. Scroll Híbrido

    En este artículo vamos a ver cómo crear la funcionalidad del scroll híbrido en las páginas de categorías y los resultados de búsqueda. Pero, ¿Qué es un scroll híbrido?. Básicamente mezcla las experiencias de: Un scroll infinito en el cual se v...
  7. 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  Modal que muestra el detalle de los medio...
  8. Newsletter Pop-up

    En el este tutorial vamos a agregar un popup que aparece en la página de inicio con la posibilidad de mostrar: Una imagen Un texto Un link tanto para la imagen como el texto El formulario de subscripción al newsletter HTML Lo primero q...
  9. Navegación de categorías mobile

    Dependiendo de tu diseño puede que necesites tener las categorías más visibles en mobile. En este tutorial vamos a ver cómo agregar una navegación solo para categorías quedando de la siguiente forma: HTML Lo primero que vamos a hacer es crear l...
  10. Sugerencias en la búsqueda

    En este tutorial vamos a ver cómo agregar las sugerencias al campo de búsqueda con el que ya cuentan los themes. ¿Cómo funciona esto? Cuando un usuario está ingresando el texto para buscar, le aparecen abajo hasta 6 productos sugeridos para las letr...