templates/areas/content-accordion/view.html.twig line 1

Open in your IDE?
  1. {% set areaIndex = info.index|default(0) %}
  2. {% set tabbingPrefix = tabbingPrefix|default('') %}
  3. {% if editmode %}
  4.     {{ include('includes/editmode-settings.html.twig') }}
  5. {% endif %}
  7. <section class="accordion-area container content-block {{ not pimcore_input('anchorTitle').isEmpty() ? 'js-anchor-nav__item' }}"
  8.          {% if not pimcore_input('anchorTitle').isEmpty() %} data-anchor-nav-title="{{ pimcore_input('anchorTitle').getData() }}" {% endif %}
  9. >
  10.     <div class="container-narrow">
  11.     {{ include('includes/title-blocks/title-block.html.twig', {
  12.         hideIntro: true,
  13.     }) }}
  14.         {% set accordionId = tabbingPrefix ~ 'accordion-area-' ~ areaIndex ~ '-' %}
  15.         <div id="{{ accordionId }}" class="accordion">
  16.             {% if editmode %}
  17.                 {% for i in pimcore_iterate_block(pimcore_block('contentblock')) %}
  18.                     {{ pimcore_checkbox('openItem') }} Open Accordion Item
  19.                     {{ pimcore_input('title', {'placeholder': 'Title'}) }}
  20.                     {{ pimcore_wysiwyg('text', {'placeholder': 'Text'}) }}
  21.                 {% endfor %}
  22.             {% else %}
  23.                 {% for i in pimcore_iterate_block(pimcore_block('contentblock')) %}
  24.                     {% if not pimcore_input('title').isEmpty() and not pimcore_wysiwyg('text').isEmpty() %}
  25.                         <div class="accordion-item">
  26.                             <div class="accordion-header" id="{{ accordionId }}Heading{{ i }}">
  27.                                 <button class="{{ pimcore_checkbox('openItem').isChecked() ? '' : 'collapsed' }} accordion-button"
  28.                                         type="button"
  29.                                         data-bs-toggle="collapse"
  30.                                         data-bs-target="#{{ accordionId }}Collapse{{ i }}"
  31.                                         aria-expanded="{{ pimcore_checkbox('openItem').isChecked() ? 'true' : 'false' }}"
  32.                                         aria-controls="{{ accordionId }}Collapse{{ i }}">
  33.                                     {{ pimcore_input('title') }}
  34.                                 </button>
  35.                             </div>
  37.                             <div id="{{ accordionId }}Collapse{{ i }}"
  38.                                  class="collapse {{ pimcore_checkbox('openItem').isChecked() ? 'show' : '' }}"
  39.                                  aria-labelledby="{{ accordionId }}Heading{{ i }}"
  40.                                  data-parent="#{{ accordionId }}">
  41.                                 <div class="accordion-body">
  42.                                     <div class="wysiwyg">
  43.                                         {{ pimcore_wysiwyg('text') }}
  44.                                     </div>
  45.                                 </div>
  46.                             </div>
  47.                         </div>
  48.                     {% endif %}
  49.                 {% endfor %}
  50.             {% endif %}
  51.         </div>
  52.     </div>
  53. </section>