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. 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...
  6. 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...
  7. 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...
  8. 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 ...
  9. account

    Dentro de esta carpeta ubicamos todos los templates en relación a la cuenta del usuario en la tienda: address.tpl addresses.tpl info.tpl login.tpl newpass.tpl order.tpl orders.tpl register.tpl reset.tpl Cada uno de estos templates...
  10. Snipplets

    Los snipplets son la unidad mínima de HTML dentro de una plantilla y se encuentran dentro de la carpeta con su mismo nombre.  Representan componentes aislados que pueden ser incluidos en uno o varios lugares de la tienda como por ejempl...