Handleiding teampagina

De teampagina bestaat uit call-to-action elementen waar de foto van een teamlid, de naam, een korte kreet en een link naar de popup (slide-in) op staat:

De Call-to-action

Het element op de team pagina is een call-to-action (CTA) van elementor

Bij wijzigen van de CTA kun je een foto plaatsen en de teksten. om de popup te openen voeg je een link toe aan de [lees meer] knop. We komen hier later op terug, deze link moet namelijk aangemaakt worden bij de popup zelf.

De popup's zelf worden gedefinieerd in het hoofdmenu:

Een popup heeft een aantal instellingen die bij het aanmaken worden ingevoerd (zie eventueel de elementor help pagina)

Een popup heeft een trigger (de manier om m te activeren). Open de popup in elementor (bewerken in Elementor) en klik vervolgens op het tandwiel (instellingen) in de linker marge.

Bovenin de linker marge verschijnt nu Popup Instellingen - Kies daar voor "Geavanceerd"

Iets lager, bij "Open By Selector" moet een unieke selector staan, bijvoorbeeld: a[href="#link-popup-mariekz"]

Zorg dat deze selector uniek is voor deze popup. Deze selector hebben we hierna nodig om de popup aan de knop lees meer over… in de CTA te koppelen, zie de volgende paragraaf.

☝️ Let op! bij de popups moet de setting "avoid multiple popups" uit staan!

Maar eerst moeten een aantal settings goed worden gezet om te zorgen dat de popup beschikbaar is om te reageren op de klik in de CTA. Klik op het pijltje naar de opslaan-knop en vervolgens op "Display Conditions"