Naar de hoofdinhoud

Matrix Product Filters inrichten

Met matrix product filters kun je klanten op de productpagina laten filteren op bijvoorbeeld maat of kleur. Je richt deze filters in via d...

Meer dan een week geleden bijgewerkt

Met matrix product filters kun je klanten op de productpagina laten filteren op bijvoorbeeld maat of kleur. Je richt deze filters in via de admin.

Waar vind je de instellingen

  • Ga naar /admin/matrix-products-filters

matrix-product-filters-inrichten-1.png

Stap voor stap een filter aanmaken

  • 1. Naam

    • Vul bovenaan de naam in

    • Gebruik een vaste opbouw

    • Voorbeeld:

      • MJ1S21AA maatfilter

      • MJ1S21AA kleurfilter

    • Dit houdt het overzicht duidelijk als je veel filters hebt

  • 2. Actief zetten

    • Zet het filter op actief

    • Alleen actieve filters tonen op de frontend

  • 3. Filter titel (prefix)

    • Dit is de naam van de dropdown

    • Voorbeeld: Maatfilter

    • Deze tekst ziet de klant boven de filter

  • 4. Filter eenheid (postfix)

    • Dit is de tekst achter de waarde

    • Voorbeeld: maat

    • Op de frontend zie je dan bijvoorbeeld 116 maat

Filterinhoud instellen

  • 5. Attribuut kiezen

    • Kies welk attribuut je filtert:

      • size voor maat

      • color voor kleur

      • colorgroup voor kleurgroep

  • 6. Modellen selecteren

    • Kies één of meerdere modellen

    • Het filter geldt alleen voor deze modellen

    • Gebruik meerdere modellen alleen als de waarden overeenkomen Voorbeeld

    • Model A heeft maten: S, M, L

    • Model B heeft maten: 110, 116, 128

    • Dan werkt één simpele regex niet

    • Je moet de regex aanpassen zodat beide formaten matchen

Regex instellen

  • 7. De regex filtert de waarden van het gekozen attribuut

    • Je kunt AI gebruiken om een regex te maken

    • Geef duidelijke prompt als voorbeeld: "Maak een regex voor maat S, M, L en XL. Deze regex moet compatible zijn met PHP en zonder slashes zijn"

      • Goed voorbeeld:

        • Niet goed: /^[a-zA-Z]+$/

        • Wel goed: ^[a-zA-Z]+$

Filter testen en verfijnen

  • 8. Filter testen

    • Klik op Filter testen

    • Je ziet direct welke waarden beschikbaar zijn

    • Controleer of deze logisch zijn voor de klant

  • 9. Opslaan en bewerken

    • Klik op Opslaan & Bewerken

    • Zet specifieke waarden aan of uit

    • Kies optioneel een standaardwaarde

Backend

matrix-product-filters-inrichten-2.png

Frontend:
​
​

matrix-product-filters-inrichten-3.png

Praktische tips

  • Kies je een standaardwaarde, dan toont de frontend niet meer alle resultaten tegelijk, dit is handig bij veel varianten, maar beïnvloedt het overzicht

  • Maak aparte filters voor maat en kleur

  • Test altijd met meerdere producten

  • Houd filternamen technisch en frontend-teksten klantgericht

  • Gebruik consistente maat- en kleurwaarden per model

Was dit een antwoord op uw vraag?