Menú
Feedback
Comience aquí
Tutoriales


Tutorials
Layout
¿Qué son templates?
¿Qué son templates?

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

Contributors
1
Photo of the contributor
+ 1 contributors
¿Te ha parecido útil?
No
Sugerir cambios (GitHub)
Visión de conjunto de Layout
« Anterior
Qué son layouts?
Siguiente »
Contributors
1
Photo of the contributor
+ 1 contributors
On this page
¿Todavía tienes dudas?
Pregunte a la comunidad
Encuentra solucciones y comparte ideas en la comunidad de VTEX.
Únete a nuestra comunidad
Solicite soporte a VTEX
Para asistencia personalizada, contacte a nuestros expertos.
Abra un ticket de soporte
GithubDeveloper portalCommunityFeedback