Hoe stel je het vlak Voertuig Snelle links in binnen een detail pagina template in Datamotive?
Leer hoe je het vlak Voertuig Snelle links instelt als meescrollende navigatie naar andere blokken op de detailpagina, inclusief knoppen.
Het vlak Voertuig Snelle links dient als navigatie voor de voertuig detailpagina. Zodra de eindgebruiker voorbij het blok scrollt, blijft dit blok meescrollen met de pagina, zodat de navigatie altijd zichtbaar blijft.
Voorwaarde: dit artikel gaat over het instellen van een vlak van het type Voertuig Snelle links. Heb je nog geen vlak toegevoegd? Raadpleeg dan eerst de handleiding [Hoe voeg je vlakken toe aan een voertuig detail pagina template in Datamotive?]
Het type instellen
Stap 1 – Selecteer het type
Kies bij Type de optie Voertuig Snelle links.
De achtergrond instellen
Stap 1 – Voeg een achtergrond toe
Klik onder Achtergrond op + Achtergrond toevoegen, of bewerk de reeds toegevoegde achtergrond.
Stap 2 – Kies het type achtergrond
Selecteer bij Type de gewenste optie:
- Thema kleur
- Patroon
Stap 3 – Stel de achtergrondkleur in
Kies bij Achtergrond kleur de gewenste kleur uit de lijst:
- Licht (Standaard)
- Donker
- Wit
- Primair +80% wit
- Primair +40% wit
- Primair
- Primair +40% zwart
- Primair +80% zwart
- Secundair +80% wit
- Secundair +40% wit
- Secundair
- Secundair +40% zwart
- Secundair +80% zwart
- Tertiair +80% wit
- Tertiair +40% wit
- Tertiair
- Tertiair +40% zwart
- Tertiair +80% zwart
Weergave op mobiel instellen
Stap 1 – Stel de positie op mobiel in
Schakel de optie Bovenaan tonen op mobiel in wanneer het blok op mobiele weergave bovenaan de pagina getoond moet worden.
Beschikbare ankers instellen
Onder Beschikbare ankers zie je alle ankers die beschikbaar zijn op basis van het Vlak ID dat is ingesteld bij de overige blokken op de pagina, bijvoorbeeld specificaties-opties, garanties, highlights, omschrijving en verkopers. Het Vlak ID van een blok wordt automatisch overgenomen in dit overzicht.
Stap 1 – Vul een ankertekst in
Vul naast het gewenste anker een ankertekst in. Er wordt vervolgens een link getoond in de navigatiebalk die verwijst naar het bijbehorende blok op de pagina.
Let op: laat je het veld bij een anker leeg, dan wordt dit anker niet getoond in de navigatiebalk.
Knoppen toevoegen
Naast ankers naar blokken op de pagina kun je ook knoppen toevoegen aan het Snelle links blok.
Stap 1 – Voeg een knop toe
Klik onder Knoppen op + Knop toevoegen.
Stap 2 – Kies het type knop
Selecteer bij Type de gewenste knop:
- Button (link)
- Button (attributen)
- Button (formulier)
Stap 3 – Vul de knop in voor Button (link)
Vul bij dit type de velden Titel en Link in.
Stap 4 – Vul de knop in voor Button (attributen)
Vul bij dit type de velden Titel en onclick in.
Stap 5 – Vul de knop in voor Button (formulier)
Vul bij dit type het veld Titel in en selecteer bij Formulier het gewenste formulier uit de lijst.
Voorwaarde: raadpleeg voor het aanmaken en beheren van formulieren de handleiding [Hoe maak je een formulier aan in Datamotive?]
Stap 6 – Stel de instellingen van de knop in
Stel onder Instellingen de volgende opties in:
- Thema – bijvoorbeeld Primair, Primair omlijnd, Secundair, Secundair omlijnd, Tertiair, Tertiair omlijnd, Wit, Wit omlijnd, Donker of Donker omlijnd
- Formaat – bijvoorbeeld Medium (standaard)
- Open in – alleen bij Button (link), bijvoorbeeld Huidige tabblad (standaard)
Stap 7 – Voeg eventueel extra knoppen toe
Klik nogmaals op + Knop toevoegen om meerdere knoppen toe te voegen.
De wijzigingen opslaan
Stap 1 – Sla het template op
Klik op Aanmaken of Wijzigen, afhankelijk van of het template nieuw of bestaand is.
Overzicht instellingen
| Veld / optie | Beschrijving | Verplicht |
|---|---|---|
| Type | Voertuig Snelle links | Ja |
| Achtergrond type | Thema kleur of Patroon | Nee |
| Achtergrond kleur | Selectie uit beschikbare themakleuren, bijvoorbeeld Licht (Standaard), Donker of Primair | Nee |
| Bovenaan tonen op mobiel | Bepaalt of het blok bovenaan de pagina getoond wordt op mobiel | Nee |
| Beschikbare ankers | Ankertekst per Vlak ID, automatisch overgenomen van overige blokken | Nee |
| Knoppen | Button (link), Button (attributen) of Button (formulier) | Nee |
| Titel (knop) | Tekst op de knop | Ja, bij toevoegen van een knop |
| Link (Button link) | URL waar de knop naartoe verwijst | Ja, bij Button (link) |
| onclick (Button attributen) | JavaScript-actie die wordt uitgevoerd bij een klik | Ja, bij Button (attributen) |
| Formulier (Button formulier) | Gekoppeld formulier dat opent bij een klik | Ja, bij Button (formulier) |
| Thema (knop) | Visuele stijl van de knop | Ja, bij toevoegen van een knop |
| Formaat (knop) | Grootte van de knop | Ja, bij toevoegen van een knop |
| Open in (Button link) | Huidig of nieuw tabblad | Ja, bij Button (link) |