Kingsbell es un tema configurable de comercio editorial para Shopify, desarrollado por Rokad. Combina una tienda completa de Online Store 2.0 con diseños centrados en imágenes, publicación editorial estructurada, controles avanzados para comerciantes y una experiencia opcional para miembros.
La versión actual del paquete del repositorio es 0.11.0. Kingsbell sigue siendo una versión anterior a 1.0.0 que se está preparando para su primera presentación en Shopify Theme Store. Las comprobaciones del repositorio y el empaquetado nativo de Shopify están implementados, pero la aprobación para producción exige pruebas en una tienda de desarrollo, navegadores reales, accesibilidad, rendimiento y flujos comerciales completos.
Qué incluye Kingsbell
- Plantillas estándar para productos, colecciones, carrito, búsqueda, páginas, blogs y artículos.
- Carrito Ajax, búsqueda predictiva, filtros nativos, recomendaciones y pago dinámico.
- Familias visuales estándar, editorial, archivo, comisión y privada.
- Plantillas para ensayos, entrevistas, historias visuales y artículos de investigación.
- Bloques reutilizables, secciones estructuradas y controles globales de diseño.
- Presentación para miembros con límites de seguridad claramente definidos.
- Theme Check, auditoría estática, empaquetado y procedimientos de QA.
Requisitos
Necesitas:
- Node.js 20 o posterior;
- Shopify CLI con soporte para temas;
- acceso a una tienda de desarrollo de Shopify;
- permisos para instalar, previsualizar y editar temas.
npm install --global @shopify/cli @shopify/theme
shopify version
node --versionRuta recomendada de adopción
- Clona o descarga el repositorio de Kingsbell.
- Ejecuta las comprobaciones antes de modificar el tema.
- Conecta Shopify CLI a una tienda de desarrollo dedicada.
- Valida primero las plantillas estándar sin personalizar.
- Configura marca, colores, tipografía, espaciado y tarjetas de producto.
- Construye navegación, pie de página, inicio, producto, colección y contenido editorial.
- Añade datos representativos de catálogo, clientes, B2B, artículos y pedidos.
- Completa la matriz de QA.
- Genera un paquete solamente después de revisar la configuración.
- Conserva un paquete de reversión probado antes de publicar.
Primeros comandos
npm run check
npm run dev -- --store tu-tienda.myshopify.com
npm run packagecheck ejecuta Theme Check, dev inicia la vista previa remota y package crea un archivo instalable con los directorios admitidos por Shopify.
Direcciones visuales
| Dirección | Uso recomendado |
|---|---|
| Estándar | Comercio general con estilo editorial contenido. |
| Editorial | Campañas, lanzamientos y narrativa de producto. |
| Archivo | Catálogos, ediciones y navegación cronológica. |
| Comisión | Productos a medida, encargos y venta consultiva. |
| Privada | Presentación para miembros con controles externos de autorización. |
Valida el motor comercial con las plantillas estándar antes de adoptar variantes visuales.
Límite de seguridad
Kingsbell puede ocultar ramas del escaparate según inicio de sesión, etiquetas de cliente o contexto B2B. Esto no protege la publicación de productos, índices de búsqueda, Storefront API, APIs del carrito, archivos permanentes ni checkout.
El comercio privado debe reforzarse con catálogos y publicación de Shopify, asignaciones B2B, Shopify Functions cuando corresponda y/o una aplicación complementaria con autorización en servidor.
Preparación para producción
Antes de publicar, completa:
- pruebas en tienda de desarrollo con datos reales;
- revisión con teclado y lector de pantalla;
- pruebas responsive y entre navegadores;
- flujos de producto, variantes, carrito, descuentos, mercados, cuentas y checkout;
- Lighthouse de rendimiento y accesibilidad;
- pruebas del editor de temas;
- pruebas de autorización privada;
- verificación de reversión.
Continúa con la guía de instalación y desarrollo antes de cambiar el código.