New Articles

  1. cart.tpl

    Esta página contiene al carrito de compras que si bien por defecto tenemos el Carrito ajax, el cual se muestra dentro de un popup haciendo que el usuario se mantenga en la misma página al agregar un producto;  se puede apagar desd...
  2. ¿Qué es Twig?

    Twig es un motor para generar templates basado en PHP, a través del cual creamos todos los templates o archivos reutilizables de un theme en Tiendanube.  Nuestros desarrolladores generan código backend haciendo posible que podamo...
  3. Estructura de Carpetas

    Layouts Contiene el archivo layout.tpl que contiene el html común a todas las pantallas. En este archivo se abre y se cierra la etiqueta <html>, se incluye el <head>, y los componentes del body que no son específicos de...
  4. Lazy load

    En algunos tutoriales incluimos la técnica de lazy load, para la cual usamos el plugin  Lazysizes .  Básicamente lo que hace es evitar cargar imágenes que no están dentro del campo visual en la pantalla del dis...
  5. Static

    Esta carpeta contiene todo los archivos de estilos: css y scss , archivos de comportamientos JavaScript , imágenes incluidas dentro del theme y el archivo checkout.scss.tpl . CSS Lógica En nuestro Base Theme, utilizamos como es...
  6. password.tpl

    Este tpl muestra la página en construcción, activada desde el Administrador nube en la sección Mi Tiendanube > Página en construcción.  A nivel estructura, es un duplicado del  layout.tpl , pero con m...
  7. 404.tpl

    La página del error 404, funciona como resguardo cuando un usuario quiere ingresar a una URL que ya no existe más o esté equivocada. Consiste en el título, incluido con el snipplet page-header.tpl , un mensaje sobre la ...
  8. Introducción a tutoriales

    En esta parte de la documentación vamos a encontrar tutoriales de cómo agregar funcionalidades específicas a tu diseño, como puede ser por ejemplo un popup de subscripción a newsletter. Es importante aclarar que t...
  9. Theme Base

    Base es una plantilla pensada como punto de partida para el desarrollo de nuevos diseños en Tiendanube. Este lienzo en blanco Incluye todas las funcionalidades que un e-commerce debe tener: Slider en la página inicial Banners Vi...
  10. Mejorando la carga del Javascript

    Antes de avanzar, si todavía no sabés bien como medir la velocidad de tu sitio, el siguiente artículo puede ayudarte: Midiendo la velocidad de tu sitio Si bien mejorando la carga de las imágenes vas a aumentar bastant...