Ajax-filtrering

Alla Shoporama-butiker har en /ajax-slutpunkt som returnerar produkter i JSON-format. Detta gör det möjligt att dynamiskt hämta och filtrera produkter med JavaScript - utan att ladda om hela sidan.

Vad är /ajax-slutpunkten?

Endpointen /ajax returnerar produkter baserat på de parametrar du skickar med. Du kan filtrera efter kategori, extra fält, pris, taggar och mycket mer.

Grundläggande användning

Ett enkelt AJAX-anrop för att hämta produkter från en kategori:

fetch('/ajax?category_id=123') .then(response => response.json()) .then(data => { // data.products innehåller produkterna // data.count innehåller det totala antalet });

Tillgängliga parametrar

Exempel: Filtrering med ytterligare fält

// Hämta röda produkter i kategori 123, sorterade efter 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); }); });

Implementera i ditt tema

För att bygga en komplett filtreringsupplevelse måste din utvecklare

1. Skapa filtergränssnitt med kryssrutor/droppnedrullningar baserat på tillgängliga extrafält
2. Lyssna på ändringar i filtren
3. Anropa /ajax med de valda parametrarna
4. Dynamiskt uppdatera produktlistan med den returnerade datan

Behöver du hjälp med något? Kontakta oss på support@shoporama.dk.