Kenmerken: optielijst met ConcreteCMS

Advanced

Categorie: Pagina toevoegen

Kenmerken: optielijst


In deze video gaan we kijken naar het kenmerk ‘optie lijst’. Dit kan gebruikt worden om bijvoorbeeld een categorie aan te geven op een pagina of om mee te filteren in een lijst met pagina’s.

  • Om dit kenmerk aan te maken klikken we op het dashboard en vervolgens op pagina’s en thema’s.
  • Hier kiezen we voor kenmerken.
  • Hier zien we direct alle kenmerken staan die al aangemaakt zijn. Om een nieuwe aan te maken scrollen we naar beneden en klikken we op kies type.
  • Hier kiezen we voor een optielijst.
  • Vervolgens moeten we een handle kiezen. Deze wordt gebruikt in de code en mag geen spaties bevatten.
  • Ook kiezen we een naam voor het nieuwe kenmerk.
  • We kunnen het kenmerk toevoegen aan een set, dit is voor deze video niet nodig en dus slaan we dit over.
  • Vervolgens kunnen we aangeven of er meerdere opties gekozen mogen worden of dat er maar 1 optie gekozen mag worden.
  • In deze video kiezen we ervoor dat er meerdere gekozen mogen worden.
  • Ook kunnen we kiezen of gebruikers zelf opties mogen toevoegen tijdens het kiezen van een optie, dit is voor deze video niet nodig en dus laten we dit uit.
  • Nu kunnen we opties toevoegen waar uit gekozen kan worden tijdens het toevoegen of het bewerken van een pagina.
  • We vullen een aantal waardes in.
  • Om een waarde aan te passen klikken we op bewerken. Hier kunnen we de optie aanpassen en vervolgens weer opslaan.
  • Ook kunnen we een optie verwijderen door op verwijderen te klikken, als we dit bevestigen is de optie verwijderd.
  • We kunnen de opties ook nog sorteren. Voor deze video kiezen we ervoor om de opties op alfabetische volgorde te sorteren.
  • Als alle opties zijn ingevuld klikken we op toevoegen.
  • We zien nu direct het nieuw gemaakte kenmerk in de lijst staan.
  • Om het nieuwe kenmerk toe te passen maken we een nieuwe pagina aan of bewerken we een bestaande.
  • Ga naar de pagina waarop je dit kenmerk wilt toepassen.
  • Hier klik je op de composer en vervolgens op kenmerken.
  • Scroll vervolgens helemaal omlaag aan de linkerkant en klik hier het nieuwe kenmerk aan.
  • Het kenmerk komt aan de rechterkant erbij. Hier kun je kiezen welke opties toepasselijk zijn op jouw pagina. We kiezen voor deze video een aantal opties.
  • Vervolgens slaan we de wijzigingen op en keuren we de nieuwe versie goed.
  • We kunnen nu een blok toevoegen om onze gekozen categorieën te tonen.
  • Hiervoor gaan we in de edit mode, klikken we op de gewenste area en voegen we het blok ‘pagina kenmerk weergeven’ toe.
  • Hier kunnen we aangeven welk kenmerk er getoond moet worden, we kiezen ons net gemaakte kenmerk.
  • Ook kunnen we een titel kiezen om aan te geven wat er getoond gaat worden.
  • Vervolgens kunnen we onder de opties aangeven hoe de gekozen opties gescheiden worden. Deze kunnen bijvoorbeeld komma gescheiden getoond worden.
  • Voor deze video kiezen we ervoor om de opties te scheiden met een pipe teken ( | ).
  • Als we het blok en de pagina opslaan zien we direct onze gekozen opties.
  • Ook heb ik op een andere pagina een filter, om zo te kunnen filteren in de categorieën. Dit filter is niet standaard beschikbaar maar is gemaakt door De Webmakers.
  • Hierin zien we ook alle beschikbare opties.
  • Om de opties aan te passen of toe te voegen klikken we weer op dashboard, pagina’s en thema’s en vervolgens op kenmerken.
  • Hier zoeken we ons kenmerk op en hier kunnen we vervolgens opties toevoegen of verwijderen.
  • Sla het kenmerk op als je klaar bent met toevoegen.
  • Als we nu weer naar het filter kijken zien we direct de nieuwe opties erbij staan.
  • Ook als we naar onze test pagina gaan kunnen we hier kiezen voor de nieuwe opties.
  • Deze worden direct getoond in het overzicht.
  • Als we de nieuwe opties aanklikken en we slaan de pagina op zien we deze ook direct terugkomen in ons ‘pagina kenmerk weergeven’ blok.
     

Filters zijn niet standaard beschikbaar. Wil jij ook een filter? Neem dan contact op met De Webmakers via onderstaande banner.

Kenmerken: optielijst