custom/plugins/SzAccordioon/src/Resources/views/storefront/element/cms-element-accordion.html.twig line 1

Open in your IDE?
  1. {% block element_accordion %}
  2.     {% set config =  element.config.config.value %}
  3.     {% set iconClose = config.icon.icoClose %}
  4.     {% set iconOpen = config.icon.icoOpen %}
  5.     <div class="sz-accordion--container">
  6.         <div class="sz-accordion--accordion">
  7.             {% for item in element.config.items.value %}
  8.             <div class="accordion-item">
  9.                 <button id="accordion-button-{{ loop.index }}" aria-expanded="false"
  10.                         class="accordion-element-radius-{{ config.borderRadius }} d-flex justify-content-between"
  11.                         style="background-color: {% if item.colors.titleClose %}{{ item.colors.titleClose }}{% else %}{{ config.colors.titleClose }}{% endif%}" >
  12.                     {% if element.config.config.value.icon.side == "left" %}
  13.                     <span class="icon-f icon-close">
  14.  {% sw_icon 'arrow_down'  style {
  15.      'namespace': 'Tuerschild_2',
  16.  } %}                    </span>
  17.                     <span class="icon-f icon-open">
  18.  {% sw_icon 'arrow_down'  style {
  19.      'namespace': 'Tuerschild_2',
  20.  } %}                    </span>
  21.                     {% endif %}
  22.                     <span class="accordion-title">{{ item.title }}</span>
  23.                     {% if element.config.config.value.icon.side == "right"%}
  24.                         <span class="icon-f icon-close">
  25.  {% sw_icon 'arrow_down'  style {
  26.      'namespace': 'Tuerschild_2',
  27.  } %}                    </span>
  29.                         <span class="icon-f icon-open">
  31.  {% sw_icon 'arrow_down'  style {
  32.      'namespace': 'Tuerschild_2',
  33.  } %}                    </span>
  34.                     {% endif %}
  35.                 </button>
  36.                 <div class="accordion-content"
  37.                      style="background-color: {% if item.colors.body %}{{ item.colors.body }}{% else %}{{ config.colors.body }}{% endif%}" >
  38.                 {{ item.content }}
  39.                 </div>
  40.             </div>
  41.             {% endfor %}
  42.         </div>
  43.     </div>
  44. {% endblock %}