Skip to main content

Setting up Matrix Product Filters

With matrix product filters, you can allow customers to filter by, for example, size or color on the product page. You set up these filter...

Updated over a week ago

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

matrix-product-filters-inrichten-1.png

Step-by-step: creating a filter

  • 1. Name

    • Enter the name at the top

    • Use a consistent naming structure

    • Example:

      • MJ1S21AA maatfilter

      • MJ1S21AA 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: Maatfilter

    • This text appears above the filter for the customer

  • 4. Filter unit (postfix)

    • This is the text after the value

    • Example: maat

    • On the frontend you will see, for example, 116 maat

Setting filter content

  • 5. Choose attribute

    • Choose which attribute you want to filter:

      • size for size

      • color for color

      • colorgroup for 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, L

    • Model B has sizes: 110, 116, 128

    • Then 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

matrix-product-filters-inrichten-2.png

Frontend:
​
​

matrix-product-filters-inrichten-3.png

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

Did this answer your question?