{"componentChunkName":"component---src-templates-docs-page-index-js","path":"/nl/docs/afosto-cms/filters/","result":{"data":{"site":{"siteMetadata":{"logo":"https://content.afosto.io/5719193282412544/brand/AFO-Logo-compleet-kleur-RGBat4x.png","siteUrl":"https://afosto.com","siteName":"Afosto.com","twitter":"https://twitter.com/afosto","facebook":"https://twitter.com/afosto","company":{"foundingDate":"2014","founders":["Tjeuke horsten","Peter Bakker"],"phoneNumber":"050 711 95 19","email":"support@afosto.com"},"address":{"streetAddress":"Kieler Bocht 15C","locality":"Groningen","region":"GR","postalCode":"9723 JA","country":"NL"}}},"strapi":{"doc":{"title":"Filters","slug":"docs/afosto-cms/filters/","id":"20","seo_title":"Filters Documentatie","seo_description":"In dit artikel leggen we uit hoe je filters aanmaakt in het webshop platform van Afosto.","locale":"nl-NL","localizations":[],"blocks":[{"contents":[{"body":"Filters maken het mogelijk producten op een collectiepagina verder te specificeren. Het standaard Afosto template heeft de volgende filters beschikbaar:\n\n- Prijs\n- Datum toegevoegd\n\nOm meerdere filters toe te voegen maakt het Afosto platform gebruik van productspecificaties. Per product kunnen specificaties aangemaakt worden waarmee het product verder beschreven wordt. Voorbeelden van productspecificaties zijn:\n\n- nl\\_kleur: rood\n- waarde\\_cm\\_lengte: 30\n- is\\_navulbaar: ja \n\n[Lees hier meer over de eisen van de benaming van productspecificaties.](https://afosto.com/docs/afosto-cms/product-data-opmaken/productspecificaties/)\n\n## Een specificatie toevoegen\n\n- Ga naar een productpagina waaraan specificaties toegevoegd moeten worden.\n- Zoek het kopje \"Product specificatie\"\n- Klik op \"Nieuwe specificatie toevoegen\"\n- Selecteer: \"Nieuw attribuut\"\n- Voer een naam in voor de nieuwe specificatie\n\n![](https://t1373770.p.clickup-attachments.com/t1373770/dd6772c0-f5b2-405b-b675-85213f528b05/image.png)\n\n- Voer een waarde in die op de specificatie van toepassing is\n\n![](https://t1373770.p.clickup-attachments.com/t1373770/be5de446-83bf-4b2b-b6eb-c0f19aa0c11c/image.png)\n\n## Schone filters\n\nHoewel de functionaliteit van het filteren op deze manier uitstekend werkt, geeft het Afosto platform de mogelijkheid zogenoemde 'schone filters' maken.\n\nWanneer een filter is aangemaakt op de hierboven beschreven manier, zorgt een geactiveerd filter ervoor dat er een nieuwe versie van de collectiepagina gemaakt wordt.\n\n> ![](https://t1373770.p.clickup-attachments.com/t1373770/23c64402-2fee-4e37-9e85-3761c3071463/image.png)  \n> In dit voorbeeld is de filter \"Wereldkaart Hout\" geactiveerd, en worden alleen de wereldkaarten van hout op de collectiepagina getoond.\n\nDit is precies waarvoor de filter functie bedoeld is. Het nadeel is dat deze nieuwe versie van de pagina niet geïndexeerd kan worden door zoekmachines.\n\nBeter gezegd: Google kan deze nieuwe versie niet zien, waardoor we veel potentiële klanten mislopen.\n\nMet de schone filters functie geven we de filter een eigen pagina met een eigen url. Nadat we de schone filter hebben aangemaakt, ziet de url uit het bovenstaande voorbeeld er bijvoorbeeld zo uit:\n\n![](https://t1373770.p.clickup-attachments.com/t1373770/774e1dcb-9746-471a-ad2f-ef214ac9ac9a/image.png)\n\nDeze url heeft geen speciale tekens, waardoor zoekmachines deze pagina kunnen crawlen waardoor ze hem kunnen tonen in de zoekresultaten.\n\n> Let op! Maak alleen schone filters aan voor pagina's die potentie hebben om gevonden te worden via zoekmachines. Mensen zullen bijvoorbeeld veel sneller zoeken op \"Schoenen rood\" in plaats van \"Schoenen maat 42\". Het is dus verstandig voor de pagina's met het hoogste zoekvolume een schone filter te maken.\n\n## Schone filters instellen\n\nNadat er specificaties zijn toegevoegd aan producten, is het van belang dat gekozen wordt welke specificaties als schone filters getoond gaan worden. Dit is in te stellen onder:\n\n`Apps -> Filter menu items -> Instellingen`\n\n![](https://t1373770.p.clickup-attachments.com/t1373770/ec7d4b5f-a403-4f56-9f62-645a801d4eb5/image.png)\n\n![](https://t1373770.p.clickup-attachments.com/t1373770/96fa70e2-f748-4c3e-a951-662c146e815e/image.png)\n\n![](https://t1373770.p.clickup-attachments.com/t1373770/efd211cf-28a7-4750-a66e-5c8d0192bee7/image.png)\n\nIn bovenstaand voorbeeld zijn specificaties \"Merk\" en \"Kleur\" geselecteerd als schone filter.\n\n> Let op: De namen van de specificaties in de voorbeelden zijn niet volgens de [eisen van de specificatiebenamingen](https://afosto.com/docs/afosto-cms/product-data-opmaken/productspecificaties/)\n\nGa vervolgens naar \"Menu's\" en ga naar de betreffende collectiepagina.\n\n![](https://t1373770.p.clickup-attachments.com/t1373770/fc534304-f321-42d6-9b19-f35d27b5691f/image.png)\n\n![](https://t1373770.p.clickup-attachments.com/t1373770/77d3a4f3-94d4-412d-b857-349a6941011d/image.png)\n\nScroll naar \"Clean Filter Options\"\n\n![](https://t1373770.p.clickup-attachments.com/t1373770/8aadf71d-a2fc-47f0-98a5-3b8ae5415ac5/image.png)\n\nEn klik op een specificatie waarvan een schone filter gemaakt moet worden.\n\n**Label:** Deze waarde bepaalt het label van de pagina wanneer deze in het menu wordt geplaatst\n\n**Titel:** Deze waarde wordt als titel van het tabblad getoond in de browser\n\nHierna kan de pagina aangepast worden als een normale pagina binnen Afosto.\n\nDe specificatie zal nu onder \"Clean Filter Options\" in het groen getoond worden omdat de schone filter actief is.\n\n![](https://t1373770.p.clickup-attachments.com/t1373770/dfd1c687-0c69-48e7-a87a-913b1681bc38/image.png)\n\nDe url van de pagina ziet er nu als volgt uit:\n\n![](https://t1373770.p.clickup-attachments.com/t1373770/ee71b7be-cc4b-440a-8de6-55fdd50483b6/image.png)\n\nBij \"Rood\" ziet de url er nog zo uit:\n\n![](https://t1373770.p.clickup-attachments.com/t1373770/8de4a097-3eb9-4cd0-8761-f916c1489f0d/image.png)"}],"id":"208","type":"text"}]}}},"pageContext":{"slug":"docs/afosto-cms/filters/","id":20}},"staticQueryHashes":["4039036176"]}