Manager interface
The mFilter admin interface is under Extras → mFilter.
Tabs
| Tab | Description |
|---|---|
| Filter sets | Create and configure filter sets |
| Slugs | SEO aliases for filter values |
| URL patterns | URL recognition rules |
| SEO templates | Templates for metadata generation |
| Word forms | Word declension for SEO text |
| Cache warmup | Filter cache warmup management |
| Maintenance | Reindexing, cache clearing |
Layout
┌─────────────────────────────────────────────────────────────┐
│ mFilter │
├─────────────────────────────────────────────────────────────┤
│ Filter sets │ Slugs │ Patterns │ SEO │ Word forms │ ⚙ │
├─────────────────────────────────────────────────────────────┤
│ │
│ ┌─────────────────────────────────────────────────────┐ │
│ │ Data table │ │
│ │ - Sortable columns │ │
│ │ - Search │ │
│ │ - Pagination │ │
│ └─────────────────────────────────────────────────────┘ │
│ │
└─────────────────────────────────────────────────────────────┘Quick start
1. Create a filter set
- Open the Filter sets tab
- Click Create
- Enter a name and add filters
- Bind to catalog categories
2. Configure slugs (optional)
- Open the Slugs tab
- Review auto-generated slugs
- Edit if needed
3. Create SEO templates (optional)
- Open the SEO templates tab
- Create templates for different filter combinations
- Set application conditions
Tech stack
The interface is built with:
- Vue 3 — reactive framework
- PrimeVue — UI components
- VueTools — MODX integration