-
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...
-
Created On: 07/08/2019
in Acerca del theme Base
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...
-
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. ...
-
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...
-
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"...
-
Created On: 07/08/2019
in Nuestro código
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 ...
-
Created On: 07/08/2019
in Nuestro código
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...
-
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...
-
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...
-
Created On: 06/08/2019
in Acerca del theme Base
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...