Ajax-filtrering

Alle Shoporama-shops har et /ajax-endpoint, der returnerer produkter i JSON-format. Det gør det muligt at hente og filtrere produkter dynamisk med JavaScript — uden at genindlæse hele siden.

Hvad er /ajax-endpointet?

Endpointet /ajax returnerer produkter baseret på de parametre, du sender med. Du kan filtrere på kategori, ekstrafelter, pris, tags og meget mere.

Grundlæggende brug

Et simpelt AJAX-kald til at hente produkter fra en kategori:

fetch('/ajax?category_id=123')
  .then(response => response.json())
  .then(data => {
    // data.products indeholder produkterne
    // data.count indeholder det totale antal
  });

Tilgængelige parametre

Eksempel: Filtrering med ekstrafelter

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

Implementering i dit tema

For at bygge en komplet filtreringsoplevelse skal din udvikler:

1. Oprette filter-UI med checkboxes/dropdowns baseret på tilgængelige ekstrafelter
2. Lytte på ændringer i filtrene
3. Kalde /ajax med de valgte parametre
4. Opdatere produktlisten dynamisk med de returnerede data

Har du brug for hjælp? Kontakt os på support@shoporama.dk.