Hero-sectie voor een arrangementpagina: heading, korte tekst, CTA-link naar aanvragen/boeken en afbeelding – gebruikt bovenaan de losse Arrangementen (CPT) detailpagina's.

Start section met een los tekstblok, bedoeld voor klanten om zelf vrije content in te vullen of aan te passen.

Hero section met afbeelding in achtergrond

Start section met een kant-en-klare Intro Heading en P

Hero section met video in background

Media Spotlight sectie (gespiegeld, 60/40 split) met een Intro Heading (eyebrow + lede, zonder CTA) – voor het uitlichten van een afbeelding met korte introtekst.

Section met menu component

Hero met overlap

Kant-en-klare sectie: Intro Heading + het Practical Info-component, klaar om te plaatsen.

Boekingsproces via Recras, voor het direct online boeken van een tour of arrangement.

Contactformulier via Recras, voor algemene aanvragen en boekingsvragen.

Route section met content en maps component

Complete set patterns voor een route pagina

Kaartje voor één arrangement (afbeelding, titel, prijs) – gebruikt in de Arrangementen-grid.

v2.0.0 — Self-contained sectie: toont niets als 'ids' leeg is, anders een volledige 'Arrangementen' sectie met heading + grid van Arrangement Cards.

v1.0.0 — Losstaande feature-kaart (afbeelding + content) op basis van de solexverhuurwoudenberg.nl 'Feature Card Uniform'. Werkt als losse CTA-kaart of herhaald in een loop/grid: vanaf desktop (min-width 992px) verspringt elke tweede kaart automatisch (afbeelding links/rechts) via :nth-of-type(even), puur op basis van broer/zus-positie — geen aparte loop-wrapper nodig.

v1.0.0 Herhalende afbeeldingengalerij (grid) op basis van een 'images'-array met WP media-ID's per item, met ingebouwde lightbox om foto's uitvergroot te bekijken.

v1.0.0 — Herbruikbare Google-reviewbadge (logo + label + score + sterren). Sterren vullen fractioneel via een CSS clip-path gebonden aan de Rating-prop (bv. 4.8 of 4.5), niet alleen hele/halve stappen. Class-prop default svw-google-review; overal los te plaatsen, kleur van label/waarde erft van de omliggende tekstkleur (geen hardcoded lichte tekstkleur), dus werkt op zowel donkere als lichte achtergronden.

v1.0.0 Titel + korte introtekst (lede) voor bovenaan een sectie, met optionele eyebrow-pill en instelbare kop-tag (h1/h2/h3).

v1.0.0 — Toont een GPX-track op een Leaflet-kaart. Kies of het bestand rechtstreeks wordt geüpload op dit component (default), of automatisch wordt gelezen uit een custom field (bijv. rt_gpx) van de huidige post.

Basis Leaflet-kaart: initialiseert de kaart-container waar andere Leaflet-componenten op draaien.

2.0.1 — Kaart-instellingen (zoom, middelpunt, GPX-ondersteuning) voor de onderliggende Leaflet-kaart; werkt samen met LeafletJS v2 en Leaflet Route/Marker.

Eén marker/pin voor op een Leaflet-kaart, met icoon en optionele popup-tekst.

v3.1 Component om Light Box effect aan te zetten

Interactieve hotspot-marker binnen een 360°-foto (Viewer360), bijv. om naar een ander punt te navigeren.

Basis 60/40-sectie (afbeelding + tekst, spiegelbaar) met een Intro-slot voor vrije content; wordt gebruikt in Media Spotlight Section.

v1.0.0 — Herbruikbaar label+values grid voor 'Menu' secties. Start op de , dus binnen een eigen section/container plaatsen. 'Items' bindt standaard aan de meta-data van soort eten, maar kan overschreven worden. 'Variant' kiest de opmaak (nu alleen Cards, uit te breiden).

Uitklapmenu (dropdown) voor een item in de hoofdnavigatie.

Eén link in de hoofdnavigatie.

Wrapper voor het hele navigatiemenu; bevat de Menu Links en -Dropdowns.

Kaartje voor een nieuwsbericht, met uitklap-effect bij hover.

v1.0.0 — Losstaande 'overlap hero'-kaart (headline + lede + optionele CTA + afbeelding die overlapt in een 12-koloms grid). Zelfde props-opzet als Feature Card Uniform (Image, Heading Tag, Title, Lede, CTA-group, Settings-group). Plaats binnen een section/container structuur, geen eigen section/container inbegrepen.

Kaartje voor een blogbericht (afbeelding, titel, samenvatting) – gebruikt in het blogoverzicht.

Hero bovenaan een los blogbericht: volledige-breedte afbeelding met overlay, titel en categorie.

v1.0.0 — Herbruikbaar label+values lijstje voor 'Practical Info' secties. Start op de , dus binnen een eigen section/container plaatsen. 'Items' bindt standaard aan de meta-data van praktische info, maar kan overschreven worden. 'Variant' kiest de opmaak (uit te breiden).

v1.1.0 — Prijslijst voor een arrangement. Toggle 'Show Vehicle Prices' om te wisselen tussen een prijslijst per voertuig (basisprijs + surcharge) of één vaste prijsregel (surcharge als losstaande prijs).

Downloadknoppen voor route-GPX en navigatie-app. Werkt op elke route-pagina: gebruikt automatisch het 'rt_gpx' custom field en de site-brede navigatie-app default, tenzij je zelf een bestand/URL kiest.

Kaartje voor één route (afbeelding, titel, afstand) – gebruikt in de Routes-grid.

Hero bovenaan een routepagina: titel, introtekst, afstand en downloadknoppen.

Oudere versie van Routes Section, zonder eigen sectie/heading-wrapper – nog in gebruik op de homepage. Op termijn te vervangen door Routes Section.

v2.0.0 — Self-contained sectie: toont niets als 'ids' leeg is, anders een volledige 'Routes' sectie met heading + grid van Route Cards.

Uitklapbare FAQ-lijst (accordion).

v1.0.0 — Testimonial-kaart (naam + tekst) met een geneste Google Review-badge (component 959, variant 'plain', vaste/interne instellingen — niet geëxposeerd als props op dit component). Werkt als losse kaart of herhaald in een loop.

Knop om het mobiele menu open/dicht te klappen.

360°-fotoviewer; toont een panoramafoto met optionele hotspots (Marker360).

v1.0.0 — Kaart voor een voertuig (afbeelding met titel-caption, titel/link, excerpt, vanaf-prijs, decoratieve CTA-knop). Single-link-per-card via clickable-parent overlay op de heading-link. Werkt los of herhaald in een loop.