templates/snippets/slider-partners.html.twig line 1

Open in your IDE?
  1. {% extends "layout-snippets.html.twig" %}
  3. {% block snippets %}
  5.     <section class="apk-slider-partenaires"><!-- Partenaires -->
  6.         <div class="uk-container apk-container-1400">
  7.             {% if editmode %}
  9.             <div>Titre</div>
  10.             <h2>{{ pimcore_textarea("title",{"nl2br" : true}) }}</h2>
  12.             <div>Logos partenaires</div>
  13.             {% for a in pimcore_block('contentobject').iterator %}
  14.                 {{ pimcore_relation("myRelation") }}
  15.             {% endfor %}
  17.             {% else %}
  20.                 <h2>{{ pimcore_textarea("title",{"nl2br" : true}) }}</h2>
  22.             <div uk-slider="autoplay: true; finite: false; autoplay-interval: 4000; easing: ease;">
  23.                 <div class="uk-position-relative">
  24.                     <div class="uk-slider-container">
  26.                         <ul class="uk-slider-items uk-child-width-1-2 uk-child-width-1-5@m uk-grid">
  27.                             {% for i in pimcore_block('contentobject').iterator %}
  28.                             <li>
  29.                                 <div class="uk-panel uk-flex uk-flex-middle">
  30.                                     <a href="/{{ app.request.locale }}/partenaire/{{ pimcore_relation("myRelation").element.id }}" target="_blank">{{ pimcore_relation("myRelation").element.image.thumbnail('area-wysiwyg-image').html|raw }}</a>
  31.                                 </div>
  32.                             </li>
  33.                             {% endfor %}
  34.                         </ul>
  36.                         <div class="uk-hidden@s uk-light">
  37.                             <a class="uk-position-center-left uk-position-small" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
  38.                             <a class="uk-position-center-right uk-position-small" href="#" uk-slidenav-next uk-slider-item="next"></a>
  39.                         </div>
  41.                         <div class="uk-visible@s uk-light">
  42.                             <a class="uk-position-center-left-out uk-position-small" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
  43.                             <a class="uk-position-center-right-out uk-position-small" href="#" uk-slidenav-next uk-slider-item="next"></a>
  44.                         </div>
  46.                     </div>
  47.                 </div>
  48.             </div>
  50.             {% endif %}
  51.         </div>
  52.     </section>
  54. {% endblock %}