El widget de comercio unificado muestra los productos de tu tienda en línea (módulo de comercio) en la página principal o en cualquier otra página. Solo defines el criterio entre novedades, populares, en oferta, recomendados, categoría, campaña o selección manual, y la pantalla cambia sola cuando cambian los productos. Puedes usarlo en cualquier lugar donde quepa un widget: páginas de widgets, layouts, la parte superior de un tablero, etc.

Para que aparezcan productos, el módulo de comercio debe estar instalado y debe haber al menos una página de tienda.

Cómo agregarlo

1. Instala el widget de comercio unificado desde la tienda.
2. En una página de widgets (o en la edición del layout), elige Agregar widget > Widget de comercio unificado.
3. Define la composición de la fila y los espacios, y guarda.

Cada widget es una fila de la pantalla. Para crear varias filas, coloca varios widgets.

Composición de la fila (preajustes)

Elige cómo dividir una fila. Cada división es un espacio, y los espacios se numeran 1 · 2 · 3 · 4 de izquierda a derecha.

Composición	Espacios	Forma predeterminada
Cuadrícula - 4 columnas	1	4 productos en una fila
Cuadrícula - 3 columnas	1	3 productos en una fila
Carrusel horizontal	1	12 productos que se deslizan a los lados
Tarjeta grande + cuadrícula	2	A la izquierda, 1 tarjeta grande del producto destacado; a la derecha, cuadrícula de 2×2
Cuadrícula + lista	2	A la izquierda, cuadrícula de 2×2; a la derecha, lista vertical de 5
Lista + lista	2	Dos bloques de lista vertical de 5 cada uno
Pestañas + cuadrícula	2	A la izquierda, pestañas de categoría; a la derecha, cuadrícula de 2×2
3 bloques de cuadrícula	3	Tres bloques de cuadrícula vertical
Composición personalizada	Hasta 4	Consulta "Composición personalizada" más abajo

Si pones más productos que el valor predeterminado, se agregan filas debajo. En pantallas angostas, la disposición cambia automáticamente a vertical.

Ajustes del espacio

En cada espacio defines qué mostrar y cómo. Solo necesitas llenar tantos espacios como use la composición de la fila.

Campo	Descripción
Dirección de la tienda	El mid de la tienda de donde se toman los productos. Si lo dejas vacío, se usa la primera tienda creada. También puedes indicar una tienda distinta en cada espacio
Título	Título que va sobre el espacio (p. ej., Novedades de esta semana). Si lo dejas vacío, solo aparecen los productos sin título
Qué mostrar	Novedades · productos populares · productos en oferta · productos recomendados · categoría · campaña · selección manual
Número de destino	Para categoría o campaña, su número; para selección manual, los números de producto separados por comas
Cantidad	Número de productos que se muestran. Si lo dejas vacío, se usa el valor predeterminado de la composición
Forma	Solo en la composición personalizada. Elige entre cuadrícula · carrusel horizontal · lista · tarjeta grande · pestañas

Los criterios usan tal cual la información de producto de comercio. Populares se basa en las ventas; en oferta, en los productos con precio de descuento; y recomendados, en la marca de recomendado de la edición del producto.

Composición personalizada

Si eliges "Composición personalizada" como composición de la fila, defines libremente las proporciones y las formas.

• Proporciones personalizadas: escribe el ancho de cada espacio separado por :. Ejemplos: 50:50, 60:40, 34:33:33, 25:25:25:25
• En la forma de cada espacio, elige entre cuadrícula · carrusel horizontal · lista · tarjeta grande · pestañas.

Por ejemplo, combina 60:40 + espacio 1 "Carrusel horizontal (productos en oferta)" + espacio 2 "Lista (productos populares)".

Opciones de visualización comunes

Campo	Descripción
Tiempo como producto nuevo	Si el producto se registró dentro de este tiempo (en horas), se le pone la insignia NEW. Si lo dejas vacío, son 72 horas
Mostrar precio	Si se muestra el precio en la tarjeta
Mostrar insignias	Si se muestran insignias como NEW o el porcentaje de descuento
Productos agotados	Mostrarlos marcados como agotados o quitarlos por completo de la lista

Lo que debes saber

• Al pulsar la tarjeta de un producto, vas al detalle de ese producto en su tienda.
• Si indicas direcciones de tienda distintas en cada espacio, puedes mostrar juntos productos de varias tiendas en una misma fila.
• En los layouts con tema oscuro, el widget también se muestra en colores oscuros.