New Articles

  1. Segunda imagen en rollover

    En este tutorial vamos a implementar el comportamiento para que en los listados de productos, al pasar por un producto, muestre la segunda imagen del mismo. HTML 1. Lo primero que vamos a hacer, es agregar la segunda imagen (si es que el produc...
  2. Textos editables en el carrusel

    En este tutorial vamos a ver cómo podemos agregar texto editables al carrusel de la página de inicio, dejando campos para: Link (existe por defecto) Titulo Descripción Botón Color Para el theme Base vamos a mod...
  3. Resultados de envíos y puntos de retiro

    En este tutorial explicamos cómo mostrar los resultados del calculador de envíos destacando las mejores opciones y dividiendo entre opciones de envío a domicilio y puntos de retiro. Antes de comenzar es necesario aclarar que...
  4. Paginado Clásico

    El theme Base cuenta con una paginación híbrida entre infinite-scroll y botón para ver más productos, pero en este tutorial vamos a agregar la clásica paginación con números y navegación entre ...
  5. 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...
  6. Filtros y orden de productos

    En este artículo vamos a agregar dos funcionalidades: Filtros Incluye la posibilidad de agregar y remover filtros en la página de categorías. También agrega en la versión desktop una barra con las categor&...
  7. Barra de anuncio

    En el siguiente tutorial, vamos a agregar la barra que se ubica por encima del head de la tienda. Contiene un área de texto con la posibilidad de asignarle un link.  HTML 1.  Para comenzar vamos a crear un nuevo snipplet llama...
  8. Objetos

    Los objetos son variables determinadas por la plataforma. Y cada objeto tiene diferentes atributos que son separados por un punto. Podemos llamar a estos objetos de dos maneras: {% ... %} y {{ ... }} . La primera se utiliza para ejecutar sentenc...
  9. category.tpl

    Este archivo comienza con algunos seteos importantes a la hora de mostrar el listado de productos de una categoría determinada. Por un lado vamos a tener la comprobación de la existencia de filtros dentro de la categoría: {% se...
  10. search.tpl

    En este archivo cargamos los resultados de una búsqueda hecha en la tienda. Así como en category.tpl, acá mostramos una lista de productos con un paginado definido por la siguiente etiqueta que determina cuántos se van a ...