Menú
Feedback
Comienza aquí
Tutoriales


Tutoriales
Layout
¿Qué son templates?
2 min de lectura

Esta funcionalidad está disponible para las tiendas que utilizan la tecnología Portal Legada.

Los templates son los archivos que contienen el código de las páginas de su web site. Se trata, entre otras cosas, de determinar cómo las informaciones van a aparecer en la pantalla (incluso la posición de los placeholders).

En la plataforma VTEX, los templates se dividen en dos tipos:

  • HTML Templates (o templates de página): son ellos que estructuran el código HTML y hacen referencia a archivos JavaScript y CSS para ser usados en las páginas del web site.
  • Shelves Templates: definen la estructura y el contenido de los estantes, elementos que agrupan productos a partir de criterios de visualización y se pueden utilizar en más de una página.

Esta división existe para facilitar la organización de los templates y, consecuentemente, del código de su web site. Imagine que usted desea cambiar el código de un estante que aparece en varias páginas diferentes. Es mucho más práctico editar un solo archivo que acceder a los templates que contienen los códigos de cada una de ellas.

Además de estos dos tipos básicos, todavía hay una subdivisión de los templates de página, que se llaman Sub Templates. Son, a ejemplo de los estantes, elementos que van a aparecer en la mayoría (o en todas) las páginas de su web site, como footers, menús, headers y otros. Por eso, también poseen un repositorio propio.

Y hablando en organización, usted encuentra todos los templates en el Storefront > Layout > CMS, reunidos en carpetas de acuerdo a su tipo (HTML o Shelves). Los Sub Templates están en la carpeta del mismo nombre, que se encuentra dentro del directorio HTML Templates. En estos lugares, usted podrá crear nuevos templates y editar los que ya existen.

{"base64":"  ","img":{"width":1519,"height":571,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":30578,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/que-son-templates_1.png"}}

Artículos relacionados

Contribuidores
1
Photo of the contributor
+ 1 contributors
¿Te ha parecido útil?
No
Sugerir cambios (GitHub)
¿Qué son estantes?
« Anterior
¿Qué es un web site?
Siguiente »
Contribuidores
1
Photo of the contributor
+ 1 contributors
En esta página
¿Tienes otras preguntas?
Pregunta a la comunidad
Encuentra soluciones y comparte ideas en VTEX Community
Únete a nuestra comunidad
Solicita soporte a VTEX
Recibe asistencia personalizada de nuestros especialistas
Abre un ticket de soporte
GitHubDeveloper PortalComunidadFeedback