New Articles

  1. 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...
  2. home.tpl

    El home.tpl determina el contenido específico de la página de inicio de la tienda. Comenzamos por incluir el carrusel de imágenes, de forma fija, por lo tanto si la persona que administra la tienda decide utilizarlo, va a apare...
  3. product.tpl

    En el template del detalle de producto vamos a encontrarnos con la estructura que contiene principalmente a 2 snipplets: product/product-image.tpl product/product-form.tpl Pero el archivo comienza con un contenedor con varias clases .js- que re...
  4. contact.tpl

    Como la mayoría de los templates, este archivo comienza con el snipplet page-header.tpl para mostrar los breadcrumbs y el título que en este caso es “Contacto” {% embed "snipplets/page-header.tpl" %} {% bl...
  5. Métodos

    Un método en Twig es una función con parámetros creada desde PHP para que pueda ser llamada en el front end usando solo una línea de código. Por ejemplo usamos métodos para generar las URLs de CSS, pero en ...
  6. Snipplet, include y embed

    Usando Twig podemos incluir snipplets, que son los archivos “.tpl” dentro de la carpeta con su mismo nombre, de tres formas. Estas nos dan la posibilidad de reutilizar un mismo componente en más de un lugar, optimizando el c&oacu...
  7. Clases helper o utilities

    En los themes de Tiendanube usamos clases llamadas helpers o utilities, las cuales sirven para aplicar una propiedad aislada de CSS.   Por ejemplo si necesitamos que un texto esté alineado al centro, usamos la clase “text-center&r...
  8. page.tpl

    Este template lo utilizamos para las páginas de contenido creadas desde el Administrador nube en la sección “Mi Tiendanube > Páginas”. Vamos a encontrar un embed para llamar al snipplet del título para p&a...
  9. Config

    Dentro de esta carpeta tenemos todos los archivos relacionados a la configuración del theme desde el Administrador nube. data.json Gracias a este archivo es posible actualizar los colores en tiempo real sin tener que refrescar la pág...
  10. Layout

    Dentro de la carpeta /layouts vas a encontrar un único tpl llamado layout.tpl que es utilizado como un marco para todo el Theme. El contenido de este archivo se va a replicar en todas las pantallas y secciones de la tienda. <html><h...