templates/areas/apk-slider-images/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2. <div class="uk-container apk-container-1400 uk-margin-medium">
  3.     <h2 class="uk-h2">Section grille</h2>
  5.     <div class="uk-text-bold">Titre</div>
  6.     <h2>{{ pimcore_textarea("grid-title", {"nl2br" : true})|raw }}</h2>
  8.     {% for i in pimcore_block('contentblock').iterator %}
  10.         <div uk-alert>
  12.             <div class="uk-text-bold">Image</div>
  13.             {{ pimcore_image('grid-image',{ "width" : 200}) }}
  15.             <div class="uk-text-bold">Sous-titre</div>
  16.             <h3>{{ pimcore_textarea("grid-subtitle", {"nl2br" : true})|raw }}</h3>
  18.             <div class="uk-text-bold">Lien</div>
  19.             {{ pimcore_link("slider-data-link") }}
  21.         </div>
  22.     {% endfor %}
  24.     <div class="uk-text-bold">Bouton global</div>
  25.     {{ pimcore_link("bouton-global", {
  26.         "class" : "uk-button"
  27.         }) }}
  29. </div>
  31. {% else %}
  33. <div class="apk-container-slider-images uk-text-center">
  35.     <div class="uk-container apk-container-1400">
  36.         <h2 class="uk-h2">{{ pimcore_textarea("grid-title", {"nl2br" : true})|raw }}</h2>
  38.         <div uk-slider>
  39.             <div class="uk-position-relative">
  40.                 <div class="uk-slider-container">
  42.                     <ul class="uk-slider-items uk-child-width-1-2 uk-child-width-1-6@m uk-grid">
  43.                         {% for i in pimcore_block('contentblock').iterator %}
  44.                         <li>
  45.                             <div class="uk-panel">
  46.                                 <a href="{{ pimcore_link("slider-data-link").getHref() }}">
  47.                                 {{ pimcore_image('grid-image').thumbnail('global-image').html()|raw }}
  48.                                 </a>
  49.                                 <h3>{{ pimcore_textarea("grid-subtitle", {"nl2br" : true})|raw }}</h3>
  50.                             </div>
  51.                         </li>
  52.                         {% endfor %}
  53.                     </ul>
  55.                     <div class="uk-hidden@m">
  56.                         <a class="uk-position-bottom-left uk-position-small" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
  57.                         <a class="uk-position-bottom-right uk-position-small" href="#" uk-slidenav-next uk-slider-item="next"></a>
  58.                     </div>
  60.                     <div class="uk-visible@m uk-dark">
  61.                         <a class="uk-position-center-left-out uk-position-small" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
  62.                         <a class="uk-position-center-right-out uk-position-small" href="#" uk-slidenav-next uk-slider-item="next"></a>
  63.                     </div>
  64.                 
  65.                 </div>
  66.             </div>
  67.         </div>
  69.         {{ pimcore_link("bouton-global", {"class" : "uk-button uk-button-large uk-button-primary"}) }}
  70.     </div>
  72. </div>
  74. {% endif %}