Página de inicio
La página de inicio está dividida en secciones que te permiten descubrir productos sin tener que buscar desde cero.Carrusel de promociones
Un carrusel en la parte superior destaca las ofertas y campañas vigentes. Haz clic en cualquier banner para ver los productos o categorías correspondientes.
Categorías principales
Una cuadrícula visual muestra las categorías de nivel 1 con imagen de fondo. Al hacer clic en una categoría, el catálogo se filtra automáticamente para mostrar solo esos productos.
Marcas destacadas
Una sección dedicada presenta las marcas disponibles con sus logotipos. Haz clic en cualquier marca para ver todos sus productos en el catálogo.
Productos destacados
Una cuadrícula de tarjetas muestra productos seleccionados. Puedes agregar al carrito o ver el detalle directamente desde aquí.
Catálogo completo
Para acceder al catálogo completo ve a Catálogo de Productos desde el menú de navegación o desde el botón correspondiente en la página de inicio. Ahí verás todos los productos con la barra de búsqueda y los filtros disponibles en el panel lateral.Vista de tarjetas
Los productos se muestran en modo cuadrícula (grid) o modo lista. Puedes alternar entre ambos con los botones de Vista que aparecen en el panel de filtros. Cada tarjeta de producto muestra:| Elemento | Descripción |
|---|---|
| Imagen | Foto principal del producto con zoom al pasar el cursor |
| Marca | Nombre de la marca en texto |
| Modelo | Clave del modelo destacada como etiqueta |
| Nombre | Título completo del producto (hasta 2 líneas) |
| Precio | Precio en pesos mexicanos (MXN) con IVA incluido |
| Disponibilidad | Indicador de stock (ver detalle abajo) |
| Botón Agregar | Agrega el producto directo al carrito |
| Botón Cotizar | Genera una cotización con el producto |
Indicadores de disponibilidad
Las tarjetas incluyen una etiqueta en la esquina que refleja el estado de inventario en tiempo real:En Stock
En Stock
Etiqueta verde En Stock en la esquina superior derecha. El botón Agregar está activo.
Últimas unidades
Últimas unidades
Etiqueta naranja con el texto Últimas [N] cuando quedan 5 unidades o menos. El botón Agregar sigue activo.
Sin Stock
Sin Stock
Etiqueta roja Sin Stock cuando no hay existencias disponibles. El botón Agregar se desactiva automáticamente.
Verificando...
Verificando...
Etiqueta azul animada mientras se consulta el inventario en tiempo real. El estado definitivo se muestra en segundos.
Los precios se muestran siempre en pesos mexicanos (MXN) con IVA incluido. El sistema actualiza la disponibilidad de inventario de forma automática en segundo plano.
Detalle del producto
Haz clic en cualquier tarjeta para abrir la página de detalle del producto. Esta página tiene toda la información disponible.Encabezado y precio
En la parte superior verás:- Modelo — clave identificadora del producto, con un botón para copiarla al portapapeles
- Logotipo de la marca — imagen o nombre de la marca en la esquina derecha
- Título — nombre completo del producto
- Precio — formato
MX$[precio]con la etiqueta IVA incluido - Selector de cantidad — campos
−y+para ajustar la cantidad antes de agregar - Botón Agregar — añade la cantidad seleccionada al carrito
- Botón Existencia — muestra las unidades disponibles por sucursal al pasar el cursor
- Garantía y Código SAT — si están disponibles para ese producto
Galería de imágenes
La galería ocupa la mitad izquierda de la página en pantallas de escritorio. Incluye:- Una imagen principal ampliada
- Miniaturas adicionales en la parte inferior para ver otras vistas del producto
- Iconos de características visuales cuando el fabricante los provee
Pestañas de información
Debajo de la sección de compra encontrarás tres pestañas:- Información
- Especificaciones Técnicas
- Recursos
Incluye las Características Destacadas del producto (lista de puntos clave) y la Descripción completa proporcionada por el fabricante.
Productos relacionados y accesorios
Al final de la página, si el producto tiene referencias relacionadas, aparecen dos secciones adicionales:- Productos Relacionados — productos similares o complementarios
- Accesorios — accesorios compatibles con el producto
Navegación de migas de pan
En la parte superior de la página de detalle hay una barra de navegación (breadcrumb) que muestra la ruta de categorías del producto: Inicio → Categoría → Subcategoría → Modelo. Cada elemento es un enlace que te lleva directamente a ese nivel.Funciones adicionales
Guardar en favoritos
En el detalle del producto y en las tarjetas del catálogo, el ícono de corazón guarda el producto en tu lista de favoritos para consultarlo después.
Compartir producto
El ícono de compartir genera un enlace directo al producto que puedes enviar a quien necesites.