Modèles et variantes de mise en page

Kingsbell fournit une boutique standard complète et plusieurs familles visuelles. Les variantes produit et collection conservent le moteur commerce partagé.

Modèles standard

Ils couvrent accueil, produit, collection, index des collections, panier, recherche, page, contact, blog, article, 404, mot de passe ainsi que les fallbacks compte et carte cadeau.

Utilisez-les comme référence fonctionnelle pour valider produits, variants, filtres, panier, recherche, formulaires et app blocks.

Sections disponibles

• Image banner
• Featured collection
• Featured product
• Collection list
• Image with text
• Multicolumn
• Featured blog
• Newsletter
• Rich text
• App block wrapper

Configurez et ordonnez ces sections dans l’éditeur Shopify.

Variantes d’accueil

index.editorial.json
index.archive.json
index.private.json
index.commission.json

• Éditoriale : campagnes, lancements et narration visuelle.
• Archive : catalogues, éditions et navigation chronologique.
• Commande : sur-mesure, commande spéciale et vente consultative.
• Privée : présentation membre avec autorisation externe obligatoire.

Variantes produit

product.editorial.json
product.archive.json
product.commission.json
product.private.json

Elles conservent médias, options, formulaires, panier Ajax, inventaire, SKU, retrait, accordéons, app blocks et recommandations.

Variantes collection

collection.editorial.json
collection.archive.json
collection.private.json

Elles conservent cartes, prix, disponibilité, filtres, tri, pagination et historique du navigateur.

Sections spécialisées

Kingsbell inclut editorial hero, lookbook grid, archive index, numbered story, invitation banner, moteurs produit et collection alternatifs et chargeur de styles limité au contexte.

Conservez les styles de variantes sous une racine de section ou de modèle pour éviter les effets globaux.

Affecter un modèle

1. Ouvrez le produit, la collection, la page, le blog ou l’article dans Shopify Admin.
2. Choisissez le modèle de thème.
3. Enregistrez la ressource.
4. Ouvrez l’éditeur avec cette ressource en contexte.
5. Configurez les sections.
6. Testez le résultat en prévisualisation.

Créer une composition personnalisée

Dupliquez le modèle JSON le plus proche, utilisez un suffixe descriptif, réutilisez les sections existantes, modifiez valeurs et ordre, validez le JSON puis vérifiez l’ouverture et l’enregistrement dans l’éditeur.

Ne copiez pas une section uniquement pour changer ses valeurs par défaut si un modèle JSON suffit.

Comportement partagé

Chaque variante doit préserver sélection des variants, ajout au panier, paiement dynamique, app blocks, retrait, filtres, recherche, panier, comptes, clavier et mouvement réduit.

La variation visuelle ne justifie pas de dupliquer le moteur commerce.