FAQ

Stappenplan toevoegen blok aan project

Downloads

Download als eerst de laatste versie van het blok hieronder.

Toevoegen aan project

1. Pak het zojuist gedownloade zip bestand uit en verplaats de bestanden naar je project in de volgende map: custom/themes/theme-name/nrdq-blocks/src
2. Voeg het blok toe aan je project
   • Navigeer in je project naar custom/themes/theme-name/nrdq-theme/views/frontend/blocks
   • Maak een nieuwe php file aan met de naam van het blok dat je zojuist hebt toegevoegd, genaamd: faq.php
   • Voeg de volgende code toe aan het bestand:

                                        
   <?php
   $posts = getBlockField($attrs, 'selectedFaqs');
   
   $showAll = getBlockField($attrs, 'showAll', true);
   if ($showAll) {
       $posts = get_posts([
           'post_type' => 'veelgestelde-vragen',
           'post_status' => 'publish',
           'posts_per_page' => -1,
           'fields' => 'ids',
           'orderby' => 'menu_order',
       ]);
   } else {
       $posts = array_map(function ($post) {
           return $post['value'];
       }, $posts);
   }
   $uniqueId = uniqid();
   ?>
   
   <?php if ($posts): ?>
       <section>
           <RichText attribute="title" tag="h2" class="" />
   
           <div class="accordion accordion-container" id="accordion-<?= $uniqueId; ?>">
               <?php foreach ($posts as $id): ?>
                   <div class="ac">
                       <h3 class="ac-header">
                           <button href="javascript:;" class="ac-trigger"><?= get_the_title($id); ?></button>
                       </h3>
                       <div class="ac-panel">
                           <div class="ac-text"><?= get_post_field('post_content', $id); ?></div>
                       </div>
                   </div>
               <?php endforeach; ?>
           </div>
       </section>
   <?php endif; ?>
                                   

3. Je hebt nu een basis van het blok. De styling kan je nog aanpassen naar wens en ook het blok kan je, wanneer nodig aanpassen.