Ajax-Filterung

Alle Shoporama-Shops verfügen über einen /ajax-Endpunkt, der Produkte im JSON-Format zurückgibt. Damit können Sie Produkte dynamisch mit JavaScript abrufen und filtern - ohne die gesamte Seite neu zu laden.

Was ist der /ajax-Endpunkt?

Der /ajax-Endpunkt gibt Produkte auf der Grundlage der von Ihnen eingegebenen Parameter zurück. Sie können nach Kategorie, zusätzlichen Feldern, Preis, Tags und mehr filtern.

Grundlegende Verwendung

Ein einfacher AJAX-Aufruf zum Abrufen von Produkten aus einer Kategorie:

fetch('/ajax?category_id=123') .then(response => response.json()) .then(data => { // data.products enthält die Produkte // data.count enthält die Gesamtzahl });

Verfügbare Parameter

Beispiel: Filtern mit zusätzlichen Feldern

// Holt rote Produkte in Kategorie 123, sortiert nach Preis fetch('/ajax?category_id=123&extra_field[colour]=red&sort=price_asc') .then(response => response.json()) .then(data => { data.products.forEach(product => { console.log(product.name, product.price); }); });

Implementierung in Ihr Thema

Um ein vollständiges Filtererlebnis zu schaffen, muss Ihr Entwickler:

1. Filter-UI mit Kontrollkästchen/Dropdowns auf der Grundlage der verfügbaren zusätzlichen Felder erstellen
2. auf Änderungen in den Filtern achten
3. /ajax mit den ausgewählten Parametern aufrufen
4. Dynamische Aktualisierung der Produktliste mit den zurückgegebenen Daten

Brauchen Sie Hilfe? Kontaktieren Sie uns unter support@shoporama.dk.