Terug naar overzicht

Pagina-onderdelen - Herhalende onderdelen

Geschreven door Wim - {$BlogTitle}
Geschreven door: Wim
Datum: Vrijdag 17 juli 2020

Een krachtige optie van Peggy Pay is het zogenaamde Container / herhalende sectie-blok. In dit blok kan je een stukje van je formulier groeperen en/of laten herhalen door de bezoeker. In feite is dit een sub-formulier dat een of meerdere blokken kan bevatten.

Structuur van het container / herhalende sectie-blok - links in herhaal-modus, rechts in container-modus
Structuur van het container / herhalende sectie-blok - links in herhaal-modus, rechts in container-modus

Deze krachtige functie is uitermate geschikt voor:

  • De klant meerdere producten of diensten te kunnen kiezen met verschillende opties.
    Bijvoorbeeld T-shirts in verschillende maten en kleuren
    Product-blok in een herhalende sectie
    Product-blok in een herhalende sectie
  • De klant verschillende donaties te kunnen laten doen voor verschillende doelen
  • De blokken als groep kunnen stijlen en opmaken
    Bijvoorbeeld handig je een rand om een groep blokken wilt hebben die bij elkaar horen.

Container aanmaken

Er zijn 3 manieren om een Container / herhalende sectie-blok aan te maken.

1. Een bestaand blok converteren

Heb je al een bestaand blok dat je wilt omzetten naar een container, bijvoorbeeld een Product-blok, neem dan deze stappen:

  1. Selecteer het blok dat je wilt omzetten
  2. Klik in de bloktoolbar op dit icon
    Een blok omzetten naar een container / repeatable content field
    Een blok omzetten naar een container / repeatable content field
  3. Klik op OK in het dialoog om te bevestigen

Vanaf nu zit het blok verpakt in een container.

2. Meerdere blokken converteren naar 1 container

Als je een groep van blokken wilt omzetten naar een container, neem dan deze stappen:

  1. Selecteer alle blokken die je wilt omzetten (lees hier hoe je dit doet)
  2. In het instellingenpaneel rechts zie je alle acties die je kan uitvoeren op de selectie. Klik voor nu op de knop Omzetten naar container / herhalende sectie en bevestig met OK

    Selectie van blokken omzetten naar een container
    Selectie van blokken omzetten naar een container

3. Een nieuwe lege container maken

Heb je nog geen blokken aangemaakt voor de container, dan kan je ook met een lege container (from scratch) beginnen. Ga hiervoor naar de tab [Toevoegen] in het instellingenpaneel. Onder de kop Geavanceerd vind je het Container / herhalende sectie-blok. Vervolgens open je de container om het sub-formulier te bewerken.

Een container openen en bewerken

Selecteer het genoemde blok (Container / herhalende sectie-blok) in je pagina aan de linker kant. In de afbeelding hieronder staat als voorbeeld het Tegels-blok.

Container / herhalende sectie-blok

Wil je een container openen om de ingesloten blokken te bewerken, dan kan je op de volgende 2 manieren de container openen:

  1. Klik in de bloktoolbar op het knop Subformulier bewerken:
    Een container / repeatable content field openen
    Een container / repeatable content field openen
  2. Of klik rechts in het instellingenpaneel op de knop De container / herhalende sectie bewerken

Nu zit je in de bewerkmodus van het Container-blok. Hier kan je bestaande blokken aanpassen en nieuwe blokken toevoegen zoals je gewend bent.

Ben je klaar, dan kan je met de knop Terug naar de pagina weer terug naar je pagina.

Herhalen van blokken

Selecteer het genoemde blok (Container-blok) in je pagina aan de linker kant. In de afbeelding hieronder staat als voorbeeld het Tegels-blok.

Container-blok

De kracht van dit Container-blok zit hem voornamelijk in de herhaal-modus. Selecteer het Container-blok en stel Container modus in op Herhalende sectie en de container staat in herhaal-modus. Ook kan je het maximale aantal te herhalen blokken instellen.

De container instellen op herhaal-modus
De container instellen op herhaal-modus

Er verschijnt nu een knop in het blok waarmee de klant op de pagina een herhaling kan toevoegen, bijvoorbeeld een extra T-shirt bestellen:

Product-blok in de repeater
Product-blok in de repeater

De labels van de knoppen kan je aanpassen in de tab [Teksten], deze tab is alleen zichtbaar in herhaal-modus.

Verder lezen? Blok condities