Related items

Als je een bezoeker wilt wijzen op onderwerpen die interessant voor hem kunnen zijn, gebruik dan het 'related items' component. Wil je drie onderwerpen groots presenteren? Gebruik dan het featured items component

Hoe gebruik ik related items?

Do's

  • Plaats related items bij een nieuwsbericht of themapagina. 
  • Kies voor 1 weergave van de related items (òf in de rechtermarge, òf over de volledige breedte van de pagina). 
  • Vul de content die getoond moet op de pagina van het betreffende item (Teaser content). Voeg op die plek ook de juiste tag toe.
  • Als je het component op de pagina hebt gezet, vult deze automatisch de related items op basis van de tag die de pagina heeft. 

Dont's

  • Plaats geen content onder 'related items - verticaal' in de rechtermarge van de pagina. Zorg voor een duidelijke focus op de pagina.  
  • Bij 'Related items - laad meer' geen afbeeldingen toevoegen. 
  • Plaats geen lange titels. 

Voorbeelden Related items

1. Related items - verticaal

De verticale related items plaats je in de rechtermarge van een pagina. Deze is altijd 1/3 breed. Zie het voorbeeld hiernaast. Als een titel te lang is, wordt deze automatisch afgebroken en worden puntjes getoond. De afbeelding wordt automatisch in het juiste formaat getoond.  

 

Als een related item een video bevat, dan wordt het label 'video' getoond. Zie het laatste related item in de rechtermarge van deze pagina. 

2. Related items - horizontaal

De horizontale related items plaats je onder een artikel of andere content. De items worden over twee kolommen (1/2) verdeeld. Zie hieronder. 

Bekijk ook

3. Related items - laad meer

Wil je een overzicht tonen van alle sub-onderwerpen die bij een hoofdonderwerp horen? Maak dan gebruik van de variant 'Laad meer'. Standaard worden 15 items getoond. Klikt de bezoeker op de button 'Toon meer', dan worden de volgende 15 items geladen (in onderstaand voorbeeld tonen we voor het gemak maar 6 items).

 

Let op: elk related item heeft een afbeelding nodig. Het is niet mogelijk om in deze weergave een related item zonder afbeelding te tonen. Heeft het related item een video? Dan wordt het label 'video' getoond in deze preview weergave. 

360x150

CMS instellingen

  • Zorg eerst dat je 'gerelateerde' pagina's hebt die je wilt tonen. 
  • Op deze 'gerelateerde' pagina vul je in de content editor de velden in bij 'Teaser content'. Deze content wordt vervolgens getoond in het related items component.
  • Zorg ervoor dat de afbeelding het juiste formaat heeft: 350 px breed en 150 px hoog. 
  • Voeg de gewenste tag toe op de pagina waarop je de related items list wilt tonen. Pas na het toevoegen van de juiste tag wordt de 'gerelateerde' items vanzelf getoond op de 'gerelateerde pagina'. 
  • Via 'Variant' in het component kies je de weergave die je wilt plaatsen (verticaal, horizontaal of laad meer).
X
Cookies maken onze website gebruiksvriendelijker. Met cookies verzamelen wij informatie om de inhoud van de website te personaliseren en statistieken om de website te verbeteren. Lees meer over ons cookiebeleid.
Nee, ik ga niet akkoord
Ja, ik ga akkoord