templates/partials/experience/benefits.html.twig line 1

Open in your IDE?
  1. {% if showBlock is defined and showBlock == true %}
  3.     {% if advantages|length > 0 %}
  5.         <article class="experience-benefits">
  7.             {% if experience.showImageBackground %}
  8.                 <div class="experience-benefits--background"
  9.                     style="background-image: url({{ experience.advantagesBackgroundImage | resize(1920)|file_url  }})">
  10.                 </div>
  11.             {% else %}
  13.             {% endif %}
  15.             <div class="container">
  16.                 <div class="experience-benefts--list" id="experience-item">
  18.                     {% for advantage in advantages %}
  19.                         <div class="experience-benefits--item lazy-animation">
  20.                             {#  <img class="experience-benefits--item-icon" src="{{ advantage.image | resize(100) }}">#}
  21.                             {% include 'partials/global/svg/'~advantage.iconClass~'.svg.twig' ignore missing %}
  23.                             <div class="experience-benefits--item-title">
  24.                                 {{ advantage.title }}
  25.                             </div>
  26.                             {% if advantage.shortText %}
  27.                                 <div class="experience-benefits--item-text">
  28.                                     {{ advantage.shortText }}
  29.                                 </div>
  30.                             {% endif %}
  32.                             {% if advantage.showPopup %}
  33.                                 <a class="link green js-opener-popup" data-dest="popup-benefits-{{ loop.index }}">
  34.                                     <span>{{ 'app.global.read_more' | trans }}</span>
  35.                                 </a>
  36.                             {% endif %}
  38.                             {% if advantage.showLink %}
  39.                                 <a class="link green" href="{{ advantage.link }}">
  40.                                     <span>{{ 'app.global.read_more' | trans }}</span>
  41.                                 </a>
  42.                             {% endif %}
  44.                             {% if advantage.anchorToAdvantagesBlock %}
  45.                                 <a class="link green js-anchor" data-anchor="#advantages">
  46.                                     <span>{{ 'app.global.read_more' | trans }}</span>
  47.                                 </a>
  48.                             {% endif %}
  49.                         </div>
  50.                     {% endfor %}
  51.                 </div>
  52.                 <div class="button-slide">
  53.                     <div class="button-slide--counter">
  54.                         <span class="js-slide-counter">1</span>
  55.                         /
  56.                         {{ advantages | length }}
  57.                     </div>
  58.                 </div>
  59.                 {% for advantage in advantages %}
  60.                     <div class="benefits--popup js-container--popup" id="popup-benefits-{{ loop.index }}">
  61.                         <div class="benefits--popup-overlay js-closer-popup"></div>
  62.                         <div class="benefits--popup-container">
  63.                             <div class="benefits--popup-content">
  64.                                 <div class="benefits--popup-header">
  65.                                     <a class="benefits--popup-close js-closer-popup" href="#">
  66.                                         {{ 'app.global.get_back' | trans }}
  67.                                         {% include 'partials/global/svg/close.svg.twig' %}
  68.                                     </a>
  69.                                     <div
  70.                                         class="benefits--popup-intro">
  71.                                         {#  <img class="benefits--popup-icon" src="{{ advantage.image | resize(100) }}">#}
  72.                                         {% include 'partials/global/svg/'~advantage.iconClass~'.svg.twig' ignore missing %}
  73.                                         <div class="benefits--popup-title">{{ advantage.title }}</div>
  74.                                     </div>
  75.                                 </div>
  76.                                 <div class="benefits--popup-description">
  77.                                     {{ advantage.content | raw }}
  78.                                 </div>
  79.                             </div>
  80.                         </div>
  81.                     </div>
  82.                 {% endfor %}
  83.             </div>
  85.         </article>
  86.     {% endif %}
  87. {% endif %}