Het Breadcrumbs blok is een navigatieblok ontwikkeld door Noeste IJver. De breadcrumbs (broodkruimels) staan bovenaan een pagina en geeft weer waar je op de website bent. Een voorbeeld hiervan is: Home > producten > productpagina.
1. Hoe voeg ik het blok toe? #
Klik vervolgens op het + icoon in de hoofdnavigatie of in het content gebied. Typ ‘Breadcrumbs‘ en klik op het breadcrumbsblokicoon om het toe te voegen.
2. Blokwerkbalk #
Selecteer het blok zodat de blokwerkbalk (erboven) weergegeven wordt. Hieronder leggen we uit wat elke functie in de blokwerkbalk doet.
2.1. Verander naar een ander type blok #
Standaard staat hier het (geselecteerde) blokicoon, dat per blok verschilt. Klik hierop om een ander blok te kiezen zonder dit blok te verwijderen en weer op het + icoon te hoeven klikken. Kies een blok uit de lijst die na het klikken verschijnt.
2.2. Blok verplaatsen #
Het icoon met zes stipjes heeft een sleepfunctie. Klik op deze puntjes en houd ze vast om het blok te verplaatsen naar een nieuwe locatie. Naast de sleepfunctie staat een icoon met een pijltje omhoog en omlaag. Klik op één van de pijltjes om het blok een plekje omhoog of omlaag te schuiven.
2.3. Verander blokuitlijning #
Verander hiermee de uitlijning naar:
- Geen
- Wijd
- Volle breedte
2.4. Meer opties #
Onder dit icoon vind je meer bewerkingsfuncties zoals:
- Dupliceren
- Verwijderen
- Invoegen voor
- Invoegen na
- Bewerken in HTML
Hiervoor hebben we een apart overzicht gemaakt op deze pagina. Zoek naar de functie die je wilt gebruiken.
3. Blokinstellingen #
De blokinstellingen zijn verdeeld in twee tabbladen: instellingen ( 
) en stijlen ( 
).
3.1. Instellingen #
Pas hier de werking van het blok aan.
3.1.2. Geavanceerd #
Bloknaam
Pas hier de naam van het blok aan. De bloknaam vind je terug in het ‘Document overzicht‘.
Extra CSS-klasse
Gebruik dit invulveld om extra CSS-klassen toe te voegen.
3.2. Stijlen #
Pas hier de opmaak van het blok aan.
3.2.1 Kleur #
Hier kan je kiezen voor de kleur van de tekst en van de links in het blok. Kies voor de thema- of de standaardkleuren.
Standaard en hover
Na het klikken op ‘Link‘ opent een submenu met twee tabbladen:
- Standaard: Staat voor de kleur van de link die altijd in beeld is.
- Hover: Staat voor de kleur die verschijnt als je met je muis op de link gaat staan.