-
En este artículo vamos a ver como agregar el carrito compras rápidas en tu diseño, el cual se muestra en un popup sin tener que refrescar la página a la hora de agregar un producto al carrito: Esta funcionalidad incluye el carrito de compras co...
-
En este tutorial vamos a ver cómo agregar un popup con el formulario de producto, el cual puede ser visto desde el ítem en el listado de productos. HTML 1. Lo primero que vamos a hacer, es agregar un nuevo snipplet llamado quick-shop.tpl de...
-
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...
-
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...
-
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...
-
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...
-
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...
-
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...
-
⚠️ 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....
-
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 ...