New Articles

  1. 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 usa el...
  2. 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 ejemplo el ítem de...
  3. 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 aparecer en primer lugar. ...
  4. 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...
  5. 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" %} {% block page_header_text %}{{ "Contacto"...
  6. 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 este caso lo combinamos con filtros (todo ...
  7. 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ódigo y facilitando su m...
  8. 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”: {{ “Texto” | tr...
  9. 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áginas, con el parámetro que nos muestra el b...
  10. 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ágina en el Admi...