Hoe maak je een voertuigoverzicht pagina aan binnen Datamotive?
Leer hoe je een pagina instelt met het paginatemplate Voertuig overzicht en de bijbehorende vlakinstellingen configureert.
De voertuigoverzicht pagina toont een filterbare lijst van voertuigen op je website, inclusief filter- en sorteeropties. Deze pagina maak je aan binnen Webspaces, waarbij je het paginatemplate instelt op Voertuig overzicht en vervolgens het Vlak Voertuigoverzicht configureert.
Voorwaarden: voor een volledig werkende voertuigoverzicht pagina heb je de volgende onderdelen nodig.
- Een voertuig card fragment, voor de weergave van de individuele voertuigkaarten — raadpleeg [Hoe maak je een voertuig card fragment aan in Datamotive?
- Een inhoud kaart fragment (snippet), om extra content tussen de voertuigkaarten te tonen — raadpleeg [Hoe maak je een inhoud kaart fragment aan in Datamotive?]
- Een voertuiglijst, die bepaalt welke voertuigen getoond worden — raadpleeg [Hoe maak je een voertuiglijst aan in Datamotive?]
- Een filter- en sorteerinstelling — raadpleeg [Hoe stel je filters en sorteringen in voor voertuigen binnen Datamotive?]
Een voertuigoverzicht pagina aanmaken
Stap 1 – Maak een nieuwe pagina aan
Maak een nieuwe pagina aan via Webspaces. Raadpleeg voor de basisstappen de handleiding [Hoe maak je een nieuwe pagina aan in Datamotive?]
Stap 2 – Kies het paginatemplate Voertuig overzicht
Klik bovenaan op het templatemenu naast Opslaan en selecteer Voertuig overzicht uit de lijst met beschikbare templates. De pagina toont nu extra velden die specifiek zijn voor voertuigoverzicht pagina's.
Stap 3 – Vul de titel en het adres in
Vul bij Titel de naam van de pagina in en controleer of het Adres correct is, zoals beschreven in de handleiding [Hoe maak je een nieuwe pagina aan in Datamotive?]
Stap 4 – Kies een pagina categorie
Open het dropdownmenu Pagina categorie en selecteer een categorie. Beschikbare opties zijn:
- private
- business
- rental
- service_maintanance
- information
- brand_model
- action
- workshop
- other
Het Vlak Voertuigoverzicht toevoegen
Stap 5 – Voeg een vlak toe
Scroll naar de sectie Inhoud en klik op + Vlak toevoegen.
Stap 6 – Kies het vlaktype
Open het dropdownmenu en selecteer Voertuigoverzicht uit de lijst met vlaktypes.
De algemene vlakinstellingen configureren
Stap 7 – Vul de korte beschrijving en het Vlak ID in
Vul desgewenst het veld Korte beschrijving in. Vul het veld Vlak ID in als je het vlak via een ankerlink wilt kunnen benaderen.
Let op: het Vlak ID moet beginnen met een letter. Toegestane karakters zijn A-z, 0-9, - en _.
Stap 8 – Stel de vlak hoogte in
Open het dropdownmenu Vlak hoogte en maak een keuze voor de hoogte van het vlak.
Stap 9 – Stel de achtergrond in
Open het dropdownmenu bij Achtergrond en kies een type, bijvoorbeeld Thema kleur. Stel vervolgens de Achtergrond kleur in, bijvoorbeeld Licht (standaard). Klik op + Achtergrond toevoegen om een extra achtergrondlaag toe te voegen.
De filterweergave configureren
Stap 10 – Vul voorgeselecteerde filter parameters in
Plak in het veld Voorgeselecteerde filter parameters de URL van een al gefilterd voertuigoverzicht om de actieve filters automatisch over te nemen op deze pagina.
Stap 11 – Kies de filterweergave
Open het dropdownmenu Filter weergave en kies tussen:
- Verticaal links (standaard)
- Horizontaal bovenaan
Stap 12 – Stel de sticky filterbalk in
Gebruik de toggle Sticky filterbalk op mobiel om te bepalen of de filterbalk op mobiele schermen blijft vastzitten tijdens het scrollen.
Fragmenten en lijsten koppelen
Stap 13 – Koppel het voertuig card fragment
Klik op het veld Voertuig card fragment en selecteer een bestaand fragment. Raadpleeg de handleiding [Hoe maak je een voertuig card fragment aan in Datamotive?] als je nog geen fragment hebt aangemaakt.
Stap 14 – Koppel de voertuiglijst
Klik op het veld Voertuiglijst en selecteer de gewenste voertuiglijst. Raadpleeg de handleiding [Hoe maak je een voertuiglijst aan in Datamotive?] als je nog geen voertuiglijst hebt aangemaakt.
Stap 15 – Koppel filters en sorteringen
Klik op het veld Filters en sorteringen en selecteer de gewenste instelling. Raadpleeg de handleiding [Hoe stel je filters en sorteringen in voor voertuigen binnen Datamotive?] als je nog geen filter hebt aangemaakt.
Stap 16 – Koppel inhoud kaart fragmenten
Klik op het veld Inhoud kaart fragmenten en selecteer een of meerdere snippets die tussen de voertuigkaarten getoond moeten worden. Raadpleeg de handleiding [Hoe maak je een inhoud kaart fragment aan in Datamotive?] als je nog geen fragment hebt aangemaakt.
Opslaan en publiceren
Stap 17 – Sla de pagina op
Klik linksboven op Opslaan.
Stap 18 – Publiceer de pagina
Publiceer de pagina om de voertuigoverzicht pagina zichtbaar te maken op de live website.
De tabbladen op pagina niveau
Na het aanmaken van een pagina staan bovenaan, naast het tabblad Details, nog een aantal tabbladen ter beschikking waarmee je de pagina verder kunt configureren:
- SEO — stel de metatitel, metabeschrijving, sleutelwoorden en indexeringsopties in — [Hoe stel je de SEO-instellingen in voor een pagina in Datamotive?]
- Fragment & Taxonomieën — stel de fragmenttekst in en koppel categorieën, labels en afbeeldingen — [Hoe stel je het tabblad Fragment & Taxonomieën in voor een pagina in Datamotive?]
- Instellingen — stel het paginatype (Inhoud, Interne link of Externe link), de schaduwpagina en de wijzigingsinformatie in — [Hoe stel je het tabblad Instellingen in voor een pagina in Datamotive?]
- Automatisering — plan een automatische publicatie of depublicatie van de pagina in — [Hoe stel je geautomatiseerd publiceren in voor een pagina in Datamotive?]
Overzicht instellingen
| Veld/optie | Beschrijving | Verplicht |
|---|---|---|
| Titel | Naam van de pagina | Ja |
| Adres | URL-pad van de pagina | Ja |
| Paginatemplate | Bepaalt de structuur van de pagina, hier ingesteld op Voertuig overzicht | Ja |
| Pagina categorie | Categorie voor Analytics, bijvoorbeeld private of business | Nee |
| Korte beschrijving | Interne beschrijving van het vlak | Nee |
| Vlak ID | Unieke identifier voor ankerlinks | Nee |
| Vlak hoogte | Hoogte van het vlak | Nee |
| Achtergrond | Thema kleur en achtergrondkleur van het vlak | Nee |
| Voorgeselecteerde filter parameters | URL waarvan actieve filters worden overgenomen | Nee |
| Filter weergave | Verticaal links (standaard) of Horizontaal bovenaan | Ja |
| Sticky filterbalk op mobiel | Toggle om de filterbalk op mobiel vast te zetten | Nee |
| Voertuig card fragment | Gekoppeld fragment voor de voertuigkaarten | Nee |
| Voertuiglijst | Gekoppelde voertuiglijst die getoond wordt | Ja |
| Filters en sorteringen | Gekoppelde filter- en sorteerinstelling | Ja |
| Inhoud kaart fragmenten | Gekoppelde snippets tussen de voertuigkaarten | Nee |