New Articles

  1. Variantes como botones

    En el este artículo vamos a agregar nuevos botones para mostrar las variantes de la siguiente forma: HTML 1. Dentro de la carpeta snipplets crear otra carpeta con el nombre product , dentro agregamos un nuevo snipplet llamado product-vari...
  2. Guía de talles

    En este tutorial vamos a ver como incluir una guía para ofrecer más información al momento de elegir un talle en el detalle del producto: HTML 1. Lo primero que vamos a hacer, es modificar el siguiente código en el snipplet llamado product-for...
  3. 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 cambio de imagen al modificar variante...
  4. Ú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 snipplet llamado pro...
  5. 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 videos de Youtube y Vimeo. Si ya lo tenes imp...
  6. 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...
  7. 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....
  8. 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 ...
  9. 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 ...
  10. 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...