Ajax filtering

All Shoporama stores have an /ajax endpoint that returns products in JSON format. This makes it possible to dynamically fetch and filter products with JavaScript - without reloading the entire page.

What is the /ajax endpoint?

The /ajax endpoint returns products based on the parameters you submit with. You can filter on category, extra fields, price, tags and more.

Basic usage

A simple AJAX call to fetch products from a category:

fetch('/ajax?category_id=123') .then(response => response.json()) .then(data => { // data.products contains the products // data.count contains the total number });

Available parameters

Example: Filtering with additional fields

// Fetch red products in category 123, sorted by price 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); }); });

Implementation in your theme

To build a complete filtering experience, your developer needs to:

1. Create filter UI with checkboxes/dropdowns based on available extra fields
2. Listen to changes in the filters
3. Call /ajax with the selected parameters
4. Dynamically update the product list with the returned data

Do you need help? Contact us at support@shoporama.dk.