Overslaan naar inhoud
Nederlands
  • Er zijn geen suggesties want het zoekveld is leeg.

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)