New Articles

  1. ¿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 podamos consumirlo a trav...
  2. 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 , se incluye el , y los componentes del body que no son específicos de cada pantalla, como la navegación, ...
  3. 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 dispositivo donde se muestra el sitio.  ...
  4. 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 estructura gener...
  5. 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 menos funcionalidades ya que la página en constru...
  6. 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 inexistencia de la página en...
  7. 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 todos los artículos se encuentran ba...
  8. 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 Video Feed de I...
  9. 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 bastante la velocidad, el Javascrip...
  10. Midiendo la velocidad de tu sitio

    Entender cómo está parado tu sitio en términos de velocidad, es fundamental  para saber donde podés accionar para mejorarlo. En Tienda Nube usamos dos herramientas de Google para medir la velocidad: PageSpeed y Lighthouse . Ambas devuelven r...