Asistentes
Menú
Feedback
Guías
Formato
General
Listas y tablas
Listas y tablas

Las tablas y listas presentan contenido estructurado, pero a veces no está claro cuándo usar una u otra. Consulta a continuación algunas reglas que puedes seguir al crearlas:

Listas Usa las listas para artículos individuales o artículos con descripciones largas. Usa una lista con viñetas para elementos con un tema común que no necesitan un orden específico. Utiliza una lista numerada para pasos que deban seguirse en orden o cuando necesites priorizar elementos, como instrucciones.

Tablas Usa tablas para elementos con tres o más puntos de datos relacionados. Evita usar tablas para listas simples o unidimensionales.

Reglas generales

Cuando un elemento contiene dos puntos, la primera palabra después debe estar en minúscula.

Correcto ✅Incorrecto ❌
  • Reserva autorizada: después de realizar el pedido.
  • Reserva confirmada: después de aprobado el pago.
  • Reserva autorizada: Después de realizar el pedido.
  • Reserva confirmada: Después de aprobado el pago.

Para garantizar que la estructura de la lista sea coherente, comienza todos los elementos con la misma forma verbal o sustantivo.

Correcto ✅Incorrecto ❌
Ejemplo 1:
  • Controla los resultados de búsqueda utilizando condiciones específicas.
  • Visualiza cómo se mostrarán los resultados de la búsqueda a los clientes en la tienda.
  • Cambia el orden de los ítems listados como resultados de búsqueda.
Ejemplo 2:
  • Indica el tipo de edición utilizado en la regla de comercialización.
  • Activa o desactiva una regla de merchandising.
O
  • Tipo edición utilizada en la regla de merchandising.
  • Opción que activa o desactiva una regla de merchandising.
Ejemplo 1:
  • Controla los resultados de búsqueda utilizando condiciones específicas.
  • Visualizar cómo se mostrarán los resultados de la búsqueda a los clientes en la tienda.
  • Puedes cambiar el orden de los ítems listados como resultados de búsqueda.
Ejemplo 2:
  • Indica el tipo de edición utilizado en la regla de merchandising.
  • Opción que activa o desactiva una regla de merchandising.

Opta por infinitivo cuando los elementos de la lista comiencen con un verbo. No utilices el gerundio.

Correcto ✅Incorrecto ❌
Este artículo se divide en las siguientes secciones:
  • Agregar productos
  • Editar productos
Este artículo se divide en las siguientes secciones:
  • Agregando productos
  • Editando productos

Utiliza dos puntos si la lista sigue inmediatamente a la frase introductoria.

Correcto ✅Incorrecto ❌
  • Para personalizar los botones, sigue los pasos a continuación:
  • Sigue los pasos a continuación para crear un archivo:
  • Sigue los pasos a continuación.
  • Crea un archivo.

Utiliza un punto si hay más elementos, como un callout, entre la introducción y la lista.

Ejemplo ✅

Utiliza un punto si hay más elementos, como un callout, entre la introducción y la lista.

{"base64":"  ","img":{"width":1026,"height":565,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":77661,"url":"https://raw.githubusercontent.com/vtexdocs/content-portal-content/refs/heads/main/images/es/lists_and_tables_1.png"}}

Para los elementos de la lista con viñetas que constan de oraciones completas, debes usar un punto al final de cada oración.

Correcto ✅Incorrecto ❌
La competencia de promociones ocurre en las siguientes situaciones:
  • Promociones con el mismo tipo de descuento.
  • Más de una promoción aplicada al mismo ítem.
La competencia de promociones ocurre en las siguientes situaciones.
  • Promociones con el mismo tipo de descuento
  • Más de una promoción aplicada al mismo ítem

Para los elementos de la lista con viñetas que no son oraciones completas, no utilices puntuación.

Correcto ✅Incorrecto ❌
Las promociones aplicadas al carrito respetan el siguiente orden:
  • Porcentaje
  • Nominal
  • Comprar juntos aplicada al mismo ítem.
Las promociones aplicadas al carrito respetan el siguiente orden:
  • Porcentaje.
  • Nominal.
  • Comprar juntos aplicada al mismo ítem.

Listas

Listas ordenadas

Opta por listas ordenadas (numeradas) cuando el orden de los elementos sea relevante, como en instrucciones paso a paso, secuencias cronológicas o procesos.

Correcto ✅Incorrecto ❌
Para crear una regla de divergencia de precios, sigue los pasos a continuación:
  1. En el Admin VTEX, accede a Configuración de la tienda > Pedidos > Autorización de pedidos, o escribe Autorización de pedidos en la barra de búsqueda en la parte superior de la página.
  2. En la sección Divergencia de precios, haz clic en CREAR REGLAS.
  3. En la nueva página que se abre, haz clic en CREAR REGLAS.
Para crear una regla de divergencia de precios, sigue los pasos a continuación:
  • En el Admin VTEX, accede a Configuración de la tienda > Pedidos > Autorización de pedidos, o escribe Autorización de pedidos en la barra de búsqueda en la parte superior de la página.
  • En la sección Divergencia de precios, haz clic en CREAR REGLAS.
  • En la nueva página que se abre, haz clic en CREAR REGLAS.

Tablas

Usa una tabla si cada elemento tiene tres o más datos relacionados. Por ejemplo, para correlacionar nombres, tipos de datos y descripciones de elementos.

Los encabezados de columna y el contenido de las celdas deben comenzar con letra mayúscula, sin emplear mayúsculas sostenidas. Si la celda contiene una frase completa, termina con punto final.

Ejemplo ✅

{"base64":"  ","img":{"width":837,"height":738,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":58452,"url":"https://raw.githubusercontent.com/vtexdocs/content-portal-content/refs/heads/main/images/es/lists_and_tables_2.png"}}

Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
¿Te ha parecido útil?
No
Sugerir cambios (GitHub)
Encabezados y títulos
« Previous
Procedimientos
Next »
Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
En esta página
GitHubCommunityFeedback