Content slider block

Hierin kun je plaatsen wat je wilt!

Binnen Powerkraut Content Blocks hebben wij de “content slider” beschikbaar gemaakt. Dit is een slider met vrij invulbare content. Je bent hierin niet gelimiteerd tot enkel het plaatsen van afbeeldingen en titels. Maar je hebt beschikking tot alle blocks binnen de Gutenberg editor!

Screenshot 2023 04 18 at 08.44.46

Instellingen

Met een breed scala aan instellingen, kun je de Content slider op allerlei manieren inzetten. Zoals bijvoorbeeld:

Verschillende hoogte instellingen

Je kunt de slider op automatische hoogte laten:

Screenshot 2023 04 18 at 08.52.27

Of je vult je eigen gewenste hoogte in!

Screenshot 2023 04 18 at 08.53.40

Slides per pagina

Je kunt instellen hoeveel slides je per pagina wilt

Screenshot 2023 04 18 at 08.55.36

En daarmee ook hoe groot de ruimte moet zijn tussen de slides!

Breakpoints!

Instellingen “slides per pagina” zijn ook in te stellen door middel van breakpoints! Met onderstaande instellingen heb ik op mobiel maar anderhalf slide per pagina en op desktop 2 slides per pagina (met een ruimte tussen de slides)

Screenshot 2023 04 18 at 09.04.36

Verdere instellingen

  • Met gecentreerde slides kun je de slides gecentreerd maken
  • Als je “loop” aanzet, dan kun je vanaf de laatste slide doorgaan naar de eerste
  • Met lazy loading zorg je ervoor dat niet alle content geladen hoeft te worden bij het bezoeken van de pagina. Alleen het initieel zichtbare
  • Met paginatie krijg je bolletjes onderaan je slider. Dit is een indicatie voor de eindgebruiker hoeveel “pagina’s” er zijn.
  • Met navigatie activeer je de pijltjes aan de zijkanten om van slide te wisselen
Screenshot 2023 04 18 at 08.59.49

Bij het aanzetten van autoplay krijg je een extra veld om de tijd tussen de verspringing in te stellen:

Screenshot 2023 04 18 at 09.03.18

Succes!

Succes en veel plezier met het implementeren van de Powerkraut Content Slider block op jouw website!