Ajax-filtrering

Alle Shoporama-butikker har et /ajax-endepunkt som returnerer produkter i JSON-format. Dette gjør det mulig å dynamisk hente og filtrere produkter med JavaScript - uten å laste inn hele siden på nytt.

Hva er /ajax-endepunktet?

/ajax-sluttpunktet returnerer produkter basert på parameterne du sender inn. Du kan filtrere etter kategori, ekstra felt, pris, tagger og mer.

Grunnleggende bruk

Et enkelt AJAX-kall for å hente produkter fra en kategori:

fetch('/ajax?category_id=123') .then(response => response.json()) .then(data => { // data.products inneholder produktene // data.count inneholder det totale antallet });

Tilgjengelige parametere

Eksempel: Filtrering med tilleggsfelt

// Hent røde produkter i kategori 123, sortert etter pris fetch('/ajax?category_id=123&extra_field[color]=red&sort=price_asc') .then(response => response.json()) .then(data => { data.products.forEach(product => { console.log(product.name, product.price); }); }); });

Implementering i temaet ditt

For å bygge en komplett filtreringsopplevelse må utvikleren din

1. Opprette filtergrensesnitt med avmerkingsbokser/nedtrekkslister basert på tilgjengelige ekstrafelt
2. Lytte til endringer i filtrene
3. Anrop /ajax med de valgte parameterne
4. Dynamisk oppdatere produktlisten med de returnerte dataene

Trenger du hjelp? Kontakt oss på support@shoporama.dk.