src/CoreBundle/Resources/views/Partials/FitsPerfectly.html.twig line 1

Open in your IDE?
  1. {% if isProductFood %}
  2.     {% set fitsPerfectyArray = product.getGoesWellWith() %}
  3.     {% if fitsPerfectyArray and fitsPerfectyArray.0 != 'empty' %}
  4.         <div class="section">
  5.             <div class="has-background-image js teaser-interstitial fits-perfect">
  6.                 <div class="background-image">
  7.                     <div class="image">
  8.                         <img src="/static/{{ bundleName }}/img/teaser-interstitial-bg-shop.jpg" data-speed="-1"
  9.                              alt="{{ productName }} {{ 'passt perfekt zu'|trans }}">
  10.                     </div>
  11.                 </div>
  12.                 <div class="content-container">
  13.                     <div class="main-content flex-col">
  14.                         <div class="col xs-12 m-12 l-3 headline-wrapper">
  15.                             <div class="text-only">
  16.                                 <div class="headline">
  17.                                     <h3>{{ 'Passt perfekt zu'|trans|trademark }}</h3>
  18.                                 </div>
  19.                             </div>
  20.                         </div>
  21.                         <div class="col xs-12 m-12 l-9 flex-col icon-wrapper box-center">
  22.                             {% for keyResult in fitsPerfectyArray %}
  23.                                 <div class="col xs-12 s-4 m-4 text-icon-container">
  24.                                     <div class="text-icon">
  25.                                         <div class="flex-column box-align-center">
  26.                                             <span class="icon {{ keyResult }}"></span>
  27.                                             <p>{{ keyResult |trans }}</p>
  28.                                         </div>
  29.                                     </div>
  30.                                 </div>
  31.                             {% endfor %}
  32.                         </div>
  33.                     </div>
  34.                 </div>
  35.             </div>
  36.         </div>
  37.     {% endif %}
  38. {% endif %}