Página de producto
Estructura de la página
Sección titulada «Estructura de la página»Información del producto reúne la galería y la columna Información de compra. En la composición granular de Zenit, esta columna usa cuatro grupos con bloques propios:
| Grupo | Bloques principales |
|---|---|
| Encabezado | Cantidad de ventas, nombre y SKU |
| Precios y descuentos | Precios, formas de pago y descuentos |
| Formulario de compra | Variaciones, alerta de stock, botón de compra y calculadora de envío |
| Detalles del producto | Descripción, íconos informativos y contenido adicional |
Los grupos y bloques esenciales de compra están protegidos contra eliminación. Dentro de los grupos, el editor ofrece bloques y acciones permitidos, incluidos textos, imágenes y botones auxiliares. Todos los bloques de Formulario de compra siguen el orden del editor dentro del mismo formulario. Por ejemplo, un SKU colocado antes de Variaciones aparece allí, sin desplazarse después del botón de compra. Los grupos también ofrecen el catálogo de bloques generales, incluidos separador y código.
En la instalación inicial de Zenit, la descripción sigue en una sección debajo de la ficha, seguida de testimonios y recomendaciones. Los íconos informativos están en Detalles del producto. Añadir una descripción en ese grupo es opcional; evita duplicarla si ya usas la sección externa.
Configuraciones locales
Sección titulada «Configuraciones locales»Configurar la galería
Sección titulada «Configurar la galería»Haz clic en Multimedia en el árbol de la página. Zenit ofrece:
- Formato en computadoras: Cuadrícula o Carrusel.
- Disposición en computadoras: una columna, dos o una y dos alternadas. Aparece con formato Cuadrícula.
- Separación entre elementos: distancia entre los medios de la cuadrícula.
- Miniaturas: en Carrusel pueden aparecer en computadoras y tienen posición, tamaño y redondeado configurables. En Cuadrícula solo sirven para navegación móvil.
- Celular → Galería de borde a borde: elimina márgenes laterales del contenido multimedia principal. Es independiente de las miniaturas.
Una cuadrícula con una sola foto ocupa todo el ancho disponible, sin columna vacía.
Ofertas y promociones aparecen como etiquetas sobre la galería. Si hay ambas, tiene prioridad la promoción por cantidad. Los colores siguen Etiquetas en la configuración global. En composición granular, las condiciones están en Precios y descuentos: aplicación por categoría y posibilidad de combinar productos forman un solo mensaje. Los productos sin medios conservan la etiqueta personalizada en el área de información.
En el formulario anterior, regalo, envío gratis y promoción conservan espacios entre sí y las variaciones. En celulares, las variaciones también mantienen espacio antes de los controles de compra. Envío y cupón usan el fondo principal del tema, incluso cuando la calculadora está en una tarjeta. Su encabezado alinea título y descripción con el código postal, sin ícono decorativo. La altura sigue formulario, código postal y errores, manteniendo el relleno interno.
Una alerta de stock sin mensaje visible no añade espacio entre variaciones y compra. La negrita del precio principal también se aplica al precio de suscripción.
Configuración y resultado de la galería
Sección titulada «Configuración y resultado de la galería»
Captura del editor del 6 de octubre de 2026. Abre Multimedia para encontrar los controles. El ejemplo usa carrusel; los campos exclusivos de cuadrícula aparecen al elegirla.
Resultado en la tienda demostrativa del 6 de octubre de 2026: galería y compra ocupan columnas separadas. Producto, precios y condiciones ilustran esta configuración.
En celulares, la galería aparece antes de la información de compra y las miniaturas debajo de la imagen principal. Registro en ventana de 390 × 844, no en dispositivo físico.
Mostrar fotos del color seleccionado
Sección titulada «Mostrar fotos del color seleccionado»Activa Mostrar fotos del color seleccionado para mostrar solo medios asociados a la variación elegida. En el texto alternativo de cada foto, indica el nombre exacto del color registrado en el producto. El editor también permite definir cómo tratar fotos sin color asociado.
Al cambiar la muestra, galería, video correspondiente y paginación se actualizan juntos. Prueba todos los colores antes de publicar.
Configurar los bloques de compra
Sección titulada «Configurar los bloques de compra»Selecciona el bloque correspondiente para editar:
- Nombre: tipografía y tamaño del título, incluido ajuste móvil.
- Precios: precio destacado, orden, tamaños principal y secundario, negrita, tarjeta de fondo, ícono Pix, colores, precio anterior e importe ahorrado.
- Formas de pago: cuotas y porcentaje de descuento por pago.
- Variaciones: botones o lista, fotos de colores, forma y tamaño de muestras y botones, guía de talles. Los textos se centran en la altura configurada en computadoras y celulares.
- Alerta de stock: cantidad límite, mensaje de última unidad y color.
- Botón de compra: cantidad, stock, texto, apariencia y WhatsApp. El enlace depende del número configurado en la tienda.
- Calculadora de envío: cálculo y presentación en tarjeta o compacta.
Los selectores usan botones nativos: seleccionar con teclado equivale al clic, sin enviar el formulario. En Botón de compra, el estilo secundario hereda los colores correspondientes cuando no hay colores propios.
En productos con suscripción, el precio anterior y mensaje de descuento también reciben la tipografía de Precios. Las suscripciones dependen de activación por Nuvemshop. La integración todavía espera homologación con productos de suscripción habilitados.
La compra fija está en la configuración de Formulario de compra. Los espacios generales de la columna siguen en Información de compra.
El precio con descuento por pago solo aparece cuando tienda y producto lo ofrecen. Si se elige como destacado pero no hay descuento, el principal pasa a ser destacado.
Ver más detalles abre las formas de pago y condiciones de cuotas de la tienda. El modal reúne logo y nombre de cada medio en la tarjeta, con total destacado a la derecha en computadoras y debajo de la identificación en celulares. Los descuentos aparecen junto al nombre; una línea discreta separa condiciones. La tabla usa filas alternadas para comparar cuotas. En celulares, las condiciones se desplazan dentro de la ventana; encabezado y retorno al producto quedan separados. Nombres de proveedores, descuentos y avisos siguen datos de la plataforma. También funciona en composiciones anteriores de cuatro bloques; no hay que migrar para consultar cuotas.
Compra rápida y producto principal
Sección titulada «Compra rápida y producto principal»Se eliminó el antiguo grupo global Formulario de producto. La página usa configuraciones de sus propios bloques.
Compra rápida tiene controles de variantes y stock propios en Configuraciones globales → Tarjeta de producto. Allí siguen el precio con descuento por pago y los mensajes de stock de las tarjetas.
Producto principal, usada en el inicio, ofrece bloques propios de medios e información. Conserva la selección del primer producto de la lista destacada o uno aleatorio. Cambiar sus bloques no cambia página de producto ni compra rápida. No usa compra fija.
Reconocer el formulario en la tienda
Sección titulada «Reconocer el formulario en la tienda»
Capturas del 6 de octubre de 2026. Colores, talles y disponibilidad vienen del registro del producto. El ejemplo muestra fotos de colores y botones de talle; otros formatos dependen de la configuración local. En celulares, observa los saltos de opciones y la lectura del botón. Las capturas registran presentación, no un pedido completado.
Actualizar instalaciones existentes
Sección titulada «Actualizar instalaciones existentes»Los templates predeterminados ya usan la nueva composición. Una instalación personalizada exige migrar valores guardados antes de retirar la configuración antigua. El código mantiene los formatos anteriores por compatibilidad; no reemplaza la conversión de datos de cada instalación.
Videos en la página de producto
Sección titulada «Videos en la página de producto»El video comprable flotante usa el primer video nativo del producto si está activo en el template. Carrusel de videos comprables se puede añadir por separado a la página de producto o inicio y admite videos externos.
Revisar después de editar
Sección titulada «Revisar después de editar»Prueba productos con y sin variantes, disponibilidad, precio y descuento; abre compra rápida y revisa carrito. Comprueba computadoras y celulares. Kits y suscripciones conservan sus contratos, pero necesitan una ronda propia de homologación.
Las muestras de color siguen el redondeado del tema: el relleno interno usa un radio menor según la separación del borde, manteniendo las esquinas alineadas. La opción circular conserva su forma.
Condiciones de promoción y beneficios
Sección titulada «Condiciones de promoción y beneficios»Condiciones de promoción se puede reordenar en Información de compra o Precios y descuentos. Muestra condiciones automáticas en un cuadro con borde de color de acento y presentación configurable. Espaciado y Separación entre elementos ajustan relleno y distancia. Los textos y reglas vienen de promociones de la tienda, no son contenido libre del bloque.
Captura del 6 de octubre de 2026 en composición existente: Beneficios de compra aparece como grupo de controles de Información de compra. En la granular, abre el bloque propio. Usa el árbol realmente guardado para localizarlo.
Regalo y envío gratis aparecen como etiquetas en la misma fila si hay espacio, con salto automático en pantallas estrechas. Las condiciones mínimas y restricciones de combinación siguen visibles.
En Configuraciones globales → Tarjeta de producto → Etiqueta de envío gratis, elige Ícono + Gratis (predeterminado) o Texto: Envío gratis, sin ícono. Afecta tarjetas y conserva colores de Etiquetas.
Tamaño de texto ofrece pequeño, mediano y grande en Condiciones de promoción y Beneficios de compra. En Estilo de etiquetas, elige Discreto (predeterminado, fondo suave), Destacado (acento del tema y texto contrastante) o Sin fondo. Texto e íconos siguen el estilo sin selectores individuales de color. Beneficios de compra es independiente y reordenable. Opciones y compra conserva posición bloqueada y configuración editable. No hay líneas divisorias en formulario ni controles; la separación viene de espacios entre bloques y variantes.
En Condiciones de promoción, Presentación permite Simple o Tarjeta. Mostrar descripción de la condición es independiente: desactivado muestra solo título. El predeterminado sigue siendo tarjeta con descripción; relleno interno para tarjeta y espaciado para descripción.
En Precio y condiciones de pago, el precio de suscripción sigue tamaño, color y peso del principal. Si se destaca el precio con descuento por pago, la suscripción sigue el tamaño secundario del principal. El color del descuento sigue su configuración.
En Multimedia, usa Mostrar etiquetas de promoción y oferta en la imagen para las etiquetas comerciales de galería; los avisos de no disponibilidad son independientes.
En Opciones y compra, Mostrar mensaje de producto en stock muestra “En stock” y sigue la disponibilidad de la variación. Es independiente de alertas de última unidad y stock bajo. Esta composición ya no muestra “Disponibles” debajo de cantidad. En composiciones con número de unidades, la fila se oculta si no hay límite numérico de stock.
Lista editorial es un bloque de Zenit disponible dentro de Imagen con texto. No se ofrece al añadir bloques de la página de producto.
En Precio y condiciones de pago, la tarjeta incluye precios, cuotas y Ver más detalles. También ofrece mostrar porcentaje junto al precio con descuento por pago. Si está activo y el precio es visible, se oculta el mensaje repetido de descuento; permanecen avisos de restricciones.