Popular Articles

  1. 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...
  2. 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...
  3. Precio con descuento por medio de pago

    En el este artículo vamos a agregar la posibilidad de mostrar el precio con descuento por un medio de pago en los listados, el detalle del producto y el carrito de compras: HTML 1. Dentro de la carpeta snipplets vamos a agregar el com...
  4. Aplicaciones de descuentos

    En el siguiente tutorial, explicamos cómo hacer que las aplicaciones de descuento puedan mostrarse en tu diseño.  HTML Dentro del archivo snipplets/cart-totals.tpl  debemos modificar el siguiente código  {% if promotion.discount_script_type == "...
  5. WebP y Thumbnails

    Como vimos en el artículo el peso y formato de las imágenes es muy importante para la velocidad de carga de nuestras tiendas. En este caso vamos a entender un poco más sobre el formato WebP, los tamaños de imágenes y cómo aplicarlo. En Tiendanube...
  6. 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...
  7. 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...
  8. Popup de compra rápida

    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...
  9. Filtro de precio

    En este tutorial vamos a agregar el filtro de precios, te recomendamos tener como base implementados el resto de los filtros (variantes y marca), en este artículo podés seguir los pasos para tenerlos (incluye también el filtro de precios) ...
  10. 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...