Tienda con WooCommerce
Diseña catálogo, ficha de producto, carrito y pago con tu estilo. WooCommerce sigue gestionando los pedidos.
Requisitos
Instala y activa WooCommerce, y comprueba que el módulo Tienda esté encendido en MAGO Blocks → Ajustes. MAGO Blocks no toca tus pedidos y declara compatibilidad con HPOS y con los bloques de carrito y pago.
Elementos de tienda
- Productos: rejilla o carrusel de recientes, destacados, en oferta, más vendidos, de una categoría o por ID.
- Galería: miniaturas y zoom con el cursor o el toque; cambia con la variación elegida.
- Comprar: precio, variaciones con muestras de color, cantidad, añadir al carrito y «comprar ahora».
- Mini carrito: carrito lateral accesible. Se dibuja en el navegador con la Store API de WooCommerce, así que no rompe cachés como LiteSpeed.
- Barra de envío gratis, favoritos, comparador (hasta 4 productos) y promoción con cuenta regresiva. Favoritos y comparador viven en el navegador del visitante.
- Ficha técnica (tabla, tarjetas, acordeón o columnas) y descargas protegidas con las descargas nativas de WooCommerce.
Variaciones de producto
Seis estilos para elegir: botones y muestras, botones grandes, tarjetas con precio, foto de cada variación, lista con precio y menú desplegable. Las opciones agotadas aparecen tachadas y desactivadas.
Catálogo con filtros
El bloque Filtros ordena productos o cualquier tipo de contenido con casillas, radio, selector, rango e interruptor. Sin JavaScript el formulario y los enlaces funcionan igual; con JavaScript carga sin recargar la página y la URL se puede compartir. Las páginas filtradas salen con noindex,follow para no duplicar contenido.
Plantillas de tienda
La Biblioteca trae diseños de catálogo, categorías, carrito, finalizar compra, Mi cuenta, ofertas y fichas de producto. Las pantallas de carrito, pago y cuenta usan las de WooCommerce dentro de tu página.
Extras de producto
En cada producto, la caja MAGO · Extras de producto permite:
- Campos de personalización (texto, párrafo, grabado, imagen, archivo, lista, casilla, número), cada uno con su precio.
- Precio por metro, m², m³ o peso, con mínimo, máximo y paso.
- Configurador con grupos obligatorios o múltiples y precio por opción.
- Paquetes con precio fijo o suma con descuento, que descuentan el inventario de cada componente.
- Preventa con fecha, «bajo pedido» con plazo estimado y reservación de un servicio de Reservas.
El servidor calcula todos los precios; el navegador solo muestra una vista previa con la misma fórmula. Los datos viajan al carrito y al pedido.
Lo que conviene saber
- Los extras aparecen dentro del elemento Comprar de MAGO, no en el formulario de compra que trae tu tema.
- Con WooCommerce Subscriptions, MAGO Blocks reconoce los tipos de producto de suscripción y los diseños funcionan, pero la compatibilidad es solo de tipo.
- Haz una compra de prueba completa en tu tienda (carrito, pago y pedido) antes de lanzar.