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

Open in your IDE?
  1. {% if editmode %}
  2.     <h2>{{ pimcore_textarea("content-title",{"nl2br" : true}) }}</h2>
  3.     {% for a in pimcore_block('contentobject').iterator %}
  4.         {{ pimcore_image("slider-image", {"width": 200}) }}
  5.         {{ pimcore_textarea("slider_description",{"nl2br": true}) }}
  6.     {% endfor %}
  7.     {{ pimcore_link("slider-link", {"class" : "uk-button uk-button-primary uk-button-large"}) }}
  8. {% else %}
  9. <div class="apk-container-slider-text uk-position-relative">
  10.     <div class="uk-container apk-container-1400">
  11.         <h2 class="uk-h2">{{ pimcore_textarea("content-title",{"nl2br" : true}) }}</h2>
  12.     </div>
  13.     <div class="uk-margin-medium-bottom uk-position-relative" uk-slider>
  14.         <div class="uk-position-relative">
  15.             <div class="uk-slider-container">
  16.                 <ul class="uk-slider-items uk-child-width-1-1">
  17.                     {% for a in pimcore_block('contentobject').iterator %}
  18.                     <li>
  19.                         <div class="uk-container apk-container-1400">
  20.                             <div class="uk-margin-remove-top uk-grid-collapse" uk-grid>
  21.                                 <div class="uk-width-1-2@m">
  22.                                     <div class="apk-banner-container-image uk-margin-medium-bottom">
  23.                                         {{ pimcore_image("slider-image").thumbnail('global-image').html|raw }}
  24.                                     </div>
  25.                                 </div>
  26.                                 <div class="uk-width-1-2@m">
  27.                                     <div>
  28.                                         <div class="apk-content">
  29.                                             <p>{{ pimcore_textarea("slider_description",{"nl2br": true}) }}</p>
  30.                                         </div>
  31.                                     </div>
  32.                                 </div>
  33.                             </div>
  34.                         </div>
  35.                     </li>
  36.                     {% endfor %}
  37.                 </ul>
  38.             </div> 
  39.         </div>
  40.         <div class="uk-container apk-container-1400">
  41.             <div class="uk-width-1-2@m uk-flex uk-flex-center">
  42.                 <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>
  43.             </div>
  44.         </div>
  45.         
  46.     </div>
  47.     <div class="uk-text-center">
  48.         {{ pimcore_link("slider-link", {"class" : "uk-button uk-button-primary uk-button-large"}) }}
  49.     </div>
  50. </div>
  51. {% endif %}