New Articles

  1. Imagen en el detalle del producto

    En el siguiente tutorial, explicamos cómo agregar el componente de las imágenes en el detalle del producto.   El código en este tutorial incluye: Un slider para las imágenes del detalle de un producto El cambi...
  2. Último producto en stock

    En este tutorial vamos a ver como mostrar un mensaje para incentivar la compra cuando quede la última unidad disponible en el detalle del producto: HTML 1. Lo primero que vamos a hacer, es agregar el siguiente código en el snipple...
  3. Video para un producto

    En el este artículo vamos a agregar un video para el detalle de producto, mostrándose al final de la galería de imágenes: Esta funcionalidad, así como el video en la página de inicio, permite mostrar vid...
  4. 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...
  5. 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 relaciona...
  6. 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...
  7. 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...
  8. 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 ...
  9. 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ásica...
  10. 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 muest...