With matrix product filters, you can allow customers to filter by, for example, size or color on the product page. You set up these filters via the admin.
Where to find the settings
Go to
/admin/matrix-products-filters
Step-by-step: creating a filter
1. Name
Enter the name at the top
Use a consistent naming structure
Example:
MJ1S21AA maatfilterMJ1S21AA kleurfilter
This keeps things clear if you have many filters
2. Set to active
Set the filter to active
Only active filters are shown on the frontend
3. Filter title (prefix)
This is the name of the dropdown
Example:
MaatfilterThis text appears above the filter for the customer
4. Filter unit (postfix)
This is the text after the value
Example:
maatOn the frontend you will see, for example,
116 maat
Setting filter content
5. Choose attribute
Choose which attribute you want to filter:
sizefor sizecolorfor colorcolorgroupfor color group
6. Select models
Choose one or more models
The filter only applies to these models
Only use multiple models if the values match Example
Model A has sizes:
S, M, LModel B has sizes:
110, 116, 128Then a single simple regex will not work
You need to adjust the regex so that it matches both formats
Setting up regex
7. The regex filters the values of the selected attribute
You can use AI to create a regex
Give a clear prompt as an example: "Create a regex for size S, M, L, and XL. This regex must be compatible with PHP and without slashes"
Good example:
Not good:
/^[a-zA-Z]+$/Good:
^[a-zA-Z]+$
Testing and refining the filter
8. Test filter
Click on Test Filter
You will immediately see which values are available
Check if these make sense for the customer
9. Save and edit
Click on Save & Edit
Enable or disable specific values
Optionally select a default value
Backend
Frontend:
Practical tips
If you select a default value, the frontend will no longer show all results at once. This is useful with many variants, but affects the overview
Create separate filters for size and color
Always test with multiple products
Keep filter names technical and frontend texts customer-oriented
Use consistent size and color values per model