Menu
Feedback
Comece aqui
Tutoriales
Portal del desarrollador

Problemas Conocidos
Directrices de Soporte
Troubleshooting

Preguntas Frecuentes
Anuncios
Tutoriales
Tutoriales
Explore tutoriales detallados para operar su tienda VTEX.
Tutoriales
Storefront
Layout
Control de destaque de colección
Control de destaque de colección

Atención: existen dos formas de configurar colecciones, mediante el CMS o utilizando el módulo Colecciones Beta. Este artículo se refiere a la configuración de colecciones mediante el Portal CMS Legado.

El control <vtex.cmc:HightLight/> (para páginas de producto) o $product.HightLight (para estantes) renderiza un elemento HTML con una clase específica en el contexto de los productos que forman parte de una colección marcada con la flag Highlight.

En primer lugar, vamos a ver dónde se encuentra la flag Highlight:

  1. En el Admin VTEX, accede a Storefront > Layout.
  2. Haga clic en la carpeta CMS y luego en la carpeta Product Clusters (Collections).
  3. Haga clic en una colección.
  4. Marque la flag Highlight, que se encuentra en la pantalla de la colección, y haga clic en Save Product Cluster.

{"base64":"  ","img":{"width":1556,"height":469,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":33955,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Storefront/Layout/control-de-destaque-de-coleccion_1.png"}}

Al marcar la flag, usted informa al sistema que siempre que el control de destaque se utilice en el template de una página, los productos mostrados en esa página que formen parte de la colección deben aparecer con el elemento HTML abajo, donde en lugar de {nombreDeLaColeccion} aparece el nombre de la colección registrada en el CMS:

<p class="flag {nombreDeLaColeccion}">{nombreDeLaColeccion}</p>

Usted puede, entonces, personalizar el CSS para definir de qué manera la clase flag {nombreDeLaColeccion} afectará la visualización de los productos.

Esta feature se puede utilizar, por ejemplo, para hacer que los productos de una colección llamada "Lanzamiento" aparezcan siempre con una flag que señala que son novedad en la tienda. Al agregar el control en el template de la página de categoría, por ejemplo, todos los productos de la colección Lanzamiento que aparecen en una página de categoría se mostrarán con este destaque.

Recuerde que si la página es de producto, el control que se debe utilizar es el &lt;vtex.cmc:HightLight/&gt;. Si es una página de vitrina, usted debe utilizar el $product.HightLight.

Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
¿Te ha parecido útil?
No
Sugerir cambios (GitHub)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 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