La couche commerce de Kingsbell repose sur les objets natifs Shopify : produits, variants, panier, recherche, collections, clients et recommandations. Les variantes visuelles réutilisent ce moteur commun.
Produits et variants
Kingsbell prend en charge :
- médias responsives ;
- prix normal, promotion, rupture de stock et prix unitaire ;
- SKU, inventaire et disponibilité du retrait ;
- options issues de
product.options_with_values; - identifiants de valeurs d’option et combined listings ;
- quantité, ajout Ajax et boutons de paiement dynamique ;
- erreurs, chargement, accordéons et app blocks ;
- produits complémentaires et associés.
Testez des produits à un variant, plusieurs options, combinaisons indisponibles, ruptures, prix unitaires et nombreux médias.
Formulaires produit
Conservez toujours l’identifiant du variant, la quantité, les selling plans éventuels, les erreurs, états désactivés et paramètres de paiement dynamique. Une modification visuelle ne doit pas modifier le contrat du formulaire Shopify.
Cartes produit
Les cartes partagées incluent média principal, seconde image optionnelle, badges, prix, disponibilité et ajout rapide. Les réglages globaux contrôlent ratio, alignement, survol et style d’ajout rapide.
L’ajout rapide ne doit pas contourner le choix d’options lorsqu’un variant doit être sélectionné.
Collections, filtres et tri
Les collections utilisent les filtres natifs Shopify, le tri, la pagination, les cartes partagées, les mises à jour Ajax et l’historique du navigateur.
Vérifiez les combinaisons de filtres, la suppression des filtres actifs, les plages de prix, le tri, la pagination, les boutons précédent/suivant du navigateur, les URL copiées, les résultats vides et le fonctionnement sans JavaScript.
Panier
Kingsbell fournit un tiroir et une page panier. Les changements de quantité et suppressions Ajax synchronisent les sections via le bundled section rendering de Shopify.
Testez l’ajout depuis la fiche produit et l’ajout rapide, l’ouverture du tiroir, les quantités, suppressions, propriétés de ligne, selling plans, erreurs de stock, panier vide et fallback sans JavaScript.
Les totaux autoritatifs doivent toujours provenir de Shopify.
Recherche et recommandations
La recherche prédictive peut retourner produits, requêtes, collections, pages et articles. La page de recherche prend en charge filtres, tri, pagination et Ajax.
Les recommandations utilisent Shopify Recommendations API et doivent accepter zéro résultat, moins d’éléments que prévu, produits indisponibles, réponses lentes et rechargements de section.
Navigation, comptes et applications
L’en-tête prend en charge navigation multiniveau, mobile, recherche, panier et composant actuel de compte client. Construisez les menus dans Shopify Navigation et utilisez les objets de route plutôt que des URL codées.
Les modèles produit et Flexible content acceptent les app blocks. Vérifiez l’enregistrement, le mobile, les scripts dupliqués, les performances et les interactions avec variants, panier et comptes.
Régression commerce
Après toute modification des snippets partagés, formulaires, cartes, filtres ou scripts panier, retestez variants, ajout au panier, prix, filtres, recherche, recommandations, app blocks, routes de compte, clavier et mouvement réduit.