Каталог и фильтры

Поиск, категории, сортировка и URL.

Commercecatalogsearchfilters

Когда использовать

Build a catalog with composable filters and reproducible URLs.

Решения для реализации

  1. Apply text/category/price predicates before sorting and pagination.
  2. Store shareable filter choices in URLSearchParams and reset pagination on changes.
  3. Show result count, active filters and a reset action.
  4. Sort numeric prices numerically and never mutate the source catalog.

Как проверить результат

  • Combined filters intersect correctly.
  • Copied URLs reproduce results.
  • Empty results offer a reset.

Работающий пример

OBJECT / STORE

Objects for
every day.

Продуманная форма.
Простые ритуалы.
Contour
Загрузка модели…
Керамика
Ваза Contour4 800 ₽
Everyday
Загрузка модели…
Керамика
Orbit
Загрузка модели…
Аксессуары
Frequency
Загрузка модели…
Техника
Frame
Загрузка модели…
Мебель
Стул Frame24 500 ₽
Essence
Загрузка модели…
Аксессуары

Файлы

SKILL.mdlib/commerce.ts
WEBCRAFT © 2026Оригинальные исходники и интерактивные примерыMIT License