La capa comercial de Kingsbell usa productos, variantes, carrito, búsqueda, colecciones, clientes y recomendaciones nativos de Shopify. Las variantes visuales reutilizan el mismo motor.
Productos y variantes
Kingsbell admite:
- medios responsive;
- precios normales, rebajas, agotados y precio unitario;
- SKU, inventario y disponibilidad de recogida;
- opciones basadas en
product.options_with_values; - IDs de valores de opción y listados combinados;
- cantidad, Ajax add-to-cart y checkout dinámico;
- errores, carga, acordeones y bloques de aplicaciones;
- productos complementarios y relacionados.
Prueba productos de una sola variante, múltiples opciones, combinaciones no disponibles, agotados, precio unitario y muchos medios.
Formularios de producto
Conserva siempre el ID de variante, cantidad, planes de venta cuando existan, errores, estados deshabilitados y configuración de checkout dinámico. Una modificación visual no debe cambiar el contrato del formulario.
Tarjetas de producto
Las tarjetas reutilizables incluyen medio principal, imagen secundaria opcional, insignias, precio, disponibilidad y quick add. Los ajustes globales controlan ratio, alineación, hover y estilo de quick add.
Quick add no debe omitir la selección de opciones cuando el producto requiere una variante.
Colecciones, filtros y orden
Las colecciones usan filtros nativos de Shopify, orden, paginación, tarjetas reutilizables, actualizaciones Ajax e historial del navegador.
Valida combinaciones de filtros, eliminación de filtros activos, rangos de precio, orden, paginación, atrás/adelante, URLs copiadas, estados vacíos y funcionamiento sin JavaScript.
Carrito
Kingsbell incluye drawer y página de carrito. Las cantidades y eliminaciones Ajax sincronizan secciones mediante bundled section rendering.
Prueba añadir desde producto y quick add, abrir el drawer, cambiar cantidad, eliminar, propiedades de línea, planes de venta, errores de inventario, carrito vacío y fallback sin JavaScript.
Los totales autorizados deben proceder de Shopify, no de cálculos locales.
Búsqueda
La búsqueda predictiva puede mostrar productos, consultas, colecciones, páginas y artículos. La búsqueda completa admite filtros, orden, paginación y Ajax.
Comprueba teclado, términos escapados, sin resultados, respuestas lentas y móvil. Un producto publicado puede aparecer en búsqueda aunque una plantilla privada oculte su contenido.
Recomendaciones
Las recomendaciones se cargan mediante Shopify Recommendations API. La sección debe tolerar cero resultados, menos elementos que el límite, productos no disponibles, respuestas lentas y recargas del editor.
Navegación y cuentas
El encabezado admite navegación multinivel, móvil, búsqueda, carrito y el componente actual de cuentas de cliente. Construye menús en Shopify Navigation y usa objetos de ruta, no URLs codificadas.
Compatibilidad con aplicaciones
Las plantillas de producto y Flexible content admiten app blocks. Verifica guardado, móvil, scripts duplicados, rendimiento y que la aplicación no altere inesperadamente variantes, carrito o cuentas.
Regresión comercial
Tras cambiar snippets compartidos, tarjetas, formularios, filtros o JavaScript del carrito, vuelve a probar variantes, add-to-cart, precios, filtros, búsqueda, recomendaciones, app blocks, rutas de cuenta, teclado y movimiento reducido.