Kingsbells Commerce-Schicht basiert auf nativen Shopify-Produkten, Varianten, Warenkorb-, Such-, Kollektions-, Kunden- und Empfehlungsfunktionen. Visuelle Varianten verwenden dieselbe Engine.
Produkte und Varianten
Kingsbell unterstützt:
- responsive Produktmedien;
- reguläre, reduzierte, ausverkaufte und Grundpreise;
- SKU, Bestand und Abholverfügbarkeit;
- Optionen aus
product.options_with_values; - Option-Value-IDs und Combined Listings;
- Menge, Ajax-Add-to-Cart und Dynamic Checkout;
- Fehler-, Lade-, Accordion- und App-Block-Zustände;
- ergänzende und verwandte Produkte.
Testen Sie Einzelvarianten, mehrere Optionsgruppen, nicht verfügbare Kombinationen, ausverkaufte Varianten, Grundpreise und umfangreiche Medien.
Produktformulare und Karten
Erhalten Sie Varianten-ID, Menge, mögliche Selling Plans, Fehler, deaktivierte Zustände und Dynamic-Checkout-Konfiguration. Visuelle Änderungen dürfen den Shopify-Formularvertrag nicht verändern.
Produktkarten enthalten Hauptmedium, optionales zweites Bild, Badges, Preis, Verfügbarkeit und Quick Add. Quick Add darf eine notwendige Optionsauswahl nicht umgehen.
Kollektionen, Filter und Sortierung
Kollektionen verwenden native Shopify-Filter, Sortierung, Pagination, gemeinsame Produktkarten, Ajax-Updates und Browser-History.
Prüfen Sie Filterkombinationen, aktive Filter, Preisbereiche, Sortierung, Pagination, Zurück/Vorwärts, kopierte URLs, leere Ergebnisse und Nutzung ohne JavaScript.
Warenkorb
Kingsbell bietet Cart Drawer und Warenkorbseite. Ajax-Mengenänderungen und Entfernen synchronisieren Sections über Shopifys bundled section rendering.
Testen Sie Hinzufügen, Drawer-Öffnung, Mengen, Entfernen, Line-Item-Properties, Selling Plans, Bestandsfehler, leeren Warenkorb und Fallback ohne JavaScript.
Autoritative Summen müssen von Shopify stammen.
Suche und Empfehlungen
Predictive Search kann Produkte, Suchvorschläge, Kollektionen, Seiten und Artikel liefern. Die Suchseite unterstützt Filter, Sortierung, Pagination und Ajax.
Empfehlungen verwenden Shopify Recommendations API und müssen mit null Ergebnissen, weniger Elementen, nicht verfügbaren Produkten, langsamen Antworten und Section-Reloads umgehen.
Navigation, Konten und Apps
Der Header unterstützt mehrstufige Navigation, Mobile Menu, Suche, Warenkorb und Shopifys aktuelles Customer-Account-Element. Erstellen Sie Menüs in Shopify Navigation und verwenden Sie Route-Objekte statt fest codierter URLs.
Produkt-Templates und Flexible content unterstützen App Blocks. Prüfen Sie Speichern, Mobilansicht, doppelte Skripte, Performance und Auswirkungen auf Varianten, Warenkorb und Konten.
Regression
Nach Änderungen an gemeinsamen Snippets, Formularen, Karten, Filtern oder Warenkorb-JavaScript testen Sie Varianten, Add-to-Cart, Preise, Filter, Suche, Empfehlungen, App Blocks, Kontorouten, Tastatur und Reduced Motion erneut.