Bien démarrer avec Kingsbell — Documentation kingsbell

Documentation kingsbell

Page 1 sur 9

Kingsbell est un thème Shopify configurable de commerce éditorial développé par Rokad. Il associe une boutique Online Store 2.0 complète, des mises en page guidées par l’image, une publication éditoriale structurée, des contrôles avancés et une expérience optionnelle pour les membres.

La version actuelle du package du dépôt est 0.11.0. Kingsbell reste une version antérieure à 1.0.0, en cours de préparation pour une première soumission au Shopify Theme Store. Les contrôles du dépôt et le packaging Shopify sont en place, mais la production exige des tests sur une boutique de développement, dans de vrais navigateurs, avec accessibilité, performance et parcours commerciaux complets.

Fonctionnalités principales

Modèles produit, collection, panier, recherche, page, blog et article.
Panier Ajax, recherche prédictive, filtres natifs, recommandations et paiement dynamique.
Directions standard, éditoriale, archive, commande et privée.
Modèles d’essai, entretien, récit visuel et recherche.
Blocs réutilisables, sections structurées et réglages globaux.
Présentation pour membres avec limites de sécurité explicites.
Theme Check, audit statique, packaging et procédures QA.

Prérequis

Node.js 20 ou version ultérieure.
Shopify CLI avec prise en charge des thèmes.
Accès à une boutique de développement Shopify.
Autorisation d’installer, prévisualiser et modifier des thèmes.

bash

npm install --global @shopify/cli @shopify/theme
shopify version
node --version

Parcours recommandé

Clonez le dépôt Kingsbell.
Exécutez les contrôles avant toute modification.
Connectez Shopify CLI à une boutique de développement dédiée.
Validez d’abord les modèles standard.
Configurez marque, couleurs, typographie, espacement et cartes produit.
Construisez navigation, pied de page, accueil, produit, collection et contenu éditorial.
Ajoutez des données représentatives de catalogue, clients, B2B, articles et commandes.
Terminez la matrice QA.
Générez un package après validation.
Conservez un package de retour arrière testé.

Commandes initiales

bash

npm run check
npm run dev -- --store votre-boutique.myshopify.com
npm run package

Directions visuelles

Direction	Usage
Standard	Commerce général à tonalité éditoriale.
Éditoriale	Campagnes, lancements et narration produit.
Archive	Catalogues, éditions et chronologie.
Commande	Sur-mesure et vente consultative.
Privée	Présentation membre avec autorisation externe.

Limite de sécurité

Une condition Liquid peut masquer une branche de rendu, mais elle ne sécurise pas la publication produit, la recherche, Storefront API, les API panier, les fichiers ou le checkout.

Le commerce privé doit utiliser les catalogues et contrôles de publication Shopify, les affectations B2B, les Functions applicables et/ou une application complémentaire avec autorisation côté serveur.

Avant la production

Effectuez des tests boutique, clavier et lecteur d’écran, responsive et multi-navigateurs, produits et variantes, panier, marchés, comptes, checkout, Lighthouse, éditeur de thème, autorisation privée et retour arrière.