templates/areas/content-icon-text/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     {{ include('includes/editmode-settings.html.twig') }}
  3. {% endif %}
  5. <section class="icon-text-area container-medium--icon-block content-block {{ not pimcore_input('anchorTitle').isEmpty() ? 'js-anchor-nav__item' }}"
  6.     {% if not pimcore_input('anchorTitle').isEmpty() %} data-anchor-nav-title="{{ pimcore_input('anchorTitle').getData() }}" {% endif %}
  7. >
  8.     {{ include('includes/title-blocks/title-block.html.twig', {
  9.         className: 'center-headline container-narrow',
  10.     }) }}
  12.     {% set block = pimcore_block('icon-block', {'default': 1, 'manual': true}).start() %}
  13.     {% for row in block.iterator %}
  14.         {% if loop.index0 == 0 or loop.index0 % 3 == 0 %}
  15.             <div class="row d-flex {{ not editmode ? 'justify-content-center' }}">
  16.         {% endif %}
  18.         {% do block.blockConstruct() %}
  19.                 <div class="col-md-4">
  20.                     <article class="icon-text-item d-flex">
  21.                         {% do block.blockStart() %}
  22.                         {% if editmode %}
  23.                             {{ pimcore_select('icon', {
  24.                                 'store': [
  25.                                     ['people', '<span class="icon icon-people"></span>'],
  26.                                     ['network', '<span class="icon icon-network"></span>'],
  27.                                     ['country', '<span class="icon icon-country"></span>'],
  28.                                     ['clock', '<span class="icon icon-clock"></span>'],
  29.                                     ['double-hook', '<span class="icon icon-double-hook"></span>'],
  30.                                     ['gear', '<span class="icon icon-gear"></span>'],
  31.                                     ['line-double-arrow', '<span class="icon icon-line-double-arrow"></span>'],
  32.                                     ['tools', '<span class="icon icon-tools"></span>'],
  33.                                 ]
  34.                             }) }}
  35.                         {% endif %}
  36.                         {% if pimcore_select('icon').getData is not empty %}
  37.                             <div class="icon-text__icon-container">
  38.                                 <span aria-hidden="true" class="icon-text__icon icon icon-{{ pimcore_select('icon').getData }}"></span>
  39.                             </div>
  40.                         {% endif %}
  41.                         <div class="icon-text__content">
  42.                             <h3 class="icon-text__title">{{ pimcore_input('title') }}</h3>
  43.                             <p class="icon-text__text text-small--grey">{{ pimcore_wysiwyg('wysiwyg')|raw }}</p>
  44.                         </div>
  45.                         {% do block.blockEnd() %}
  46.                     </article>
  47.                 </div>
  48.         {% do block.blockDestruct() %}
  49.         {% if loop.index % 3 == 0 %}
  50.             </div>
  51.         {% endif %}
  52.     {% endfor %}
  53.     {% do block.end() %}
  54. </section>