Drupal Howto: themen van een 'summary' in Views

10 Feb 2016

Thomas Dik - Lead Developer
+31 (0)20 - 261 14 99

We werkten laatst aan een Drupal systeem waarin we een overzicht nodig hadden van landen én hoe vaak die gekozen waren als ‘term’ in alle content items. Daarbij moesten we 100% voldoen aan aangeleverd design:

Dit is mogelijk met bijvoorbeeld de Facet API module of een stukje maatwerk code. Er is echter een makkelijkere manier om dit te realiseren: via ‘summary’ in de View:

  • navigeer naar betreffende View;
  • navigeer naar ‘Uitgebreid’;
  • klik op ‘contextueel filter toevoegen’:

In het volgende scherm kan je kiezen voor ‘samenvatting tonen’, waarmee het filter voor dit block wordt opgebouwd. In dit voorbeeld kies ik voor volgende instellingen:

Door de checkbox ‘Aantal records met link weergeven’ aan te vinken wordt het aantal achter de gefilterde items geplaatst. Na het toepassen zul je een lijstje met links en getallen zien zoals in dit voorbeeld:

Overriden standaard html/css van de summary

Nu is dit een standaard lijst uit Drupal die niet in elk design past. Het liefst wil je zelf de html/css kunnen beïnvloeden, om deze styling conform je design te maken.

Nu is het overriden van template files in Views relatief makkelijk. De locatie van de templates files in Views vind je onder kopje ‘thema’. Daar staat een opsomming van de mogelijke templates waaronder ‘weergaveuitvoer’, ‘stijluitvoer’ en ‘rijstijluitvoer’.

Plaats een of meerdere van die template files in je eigen theme en overriden maar: HTML/CSS stylen naar je eigen design op een nette manier.

De template voor het contextuele filter ontbreekt echter.

Locatie template file van de View summary

Deze vinden we terug in de Views module in de map /theme onder de naam views-view-summary.tpl.php en views-view-summary-unformatted.tpl.php .

Mocht je een voor een specifieke View een template willen themen dan kan je de standaard naamgeving van Drupal templates aanhouden. Voor deze template kan dat bijvoorbeeld: views-view-summary--[news--jaargangen].tpl.php zijn. Waarbij news--jaargangen de naam van View is, gevolgd door twee streepjes, gevolgd door de naam van de View-weergave.

Keep calm and clear cache

Zodra je dit bestand hebt aangemaakt hoeft je alleen even de caches te legen om er voor te zorgen dat Drupal jouw nieuwe template-override inleest en in gebruik neemt.

Links voor template files:

Bron header foto

Comments

Nóg meer
kennis nodig?

Check ons ons blog archief >