templates/default/logement.html.twig line 155

Open in your IDE?
  2. {% extends "layout.html.twig" %}
  4. {#
  5.     {% use AppBundle/Helper/Apik %}
  6. #}
  9. {% block content %}
  11. <!-- #main -->
  12. <main id="main" role="main">
  14. {{ pimcore_areablock('contentTop') }}
  16. <!-- Slider images -->
  17. {#{% if editmode %}
  19.     <h2>Titre slider</h2>
  21.     <h2 class="uk-h2">{{ pimcore_textarea("slider-title", {"nl2br" : true})|raw }}</h2>
  22.     <p>{{ pimcore_textarea("slider-text", {"nl2br" : true})|raw }}</p>
  24.     <h2 class="uk-h2">{{ pimcore_textarea("title-switcher", {"nl2br" : true})|raw }}</h2>
  25.     <p>{{ pimcore_textarea("sentance-switcher", {"nl2br" : true})|raw }}</p>
  27.     <hr>
  29. {% else %}
  31. <div class="apk-section-logement-top">
  32.     <div class="apk-stone-bg">
  33.         <div class="apk-slideshow-images">
  34.             <div class="uk-container apk-container-1200">
  36.                 <h1 class="uk-h1 uk-text-center">{{ pimcore_textarea("slider-title", {"nl2br" : true})|raw }}</h2>
  37.                 
  38.                 <div uk-slideshow="animation: push">
  40.                     <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">
  42.                         <ul class="uk-slideshow-items">
  43.                             {% for i in pimcore_block('contentblock').iterator %}
  44.                             <li>
  45.                                 <img src="images/photo.jpg" alt="" uk-cover>
  46.                                 {{ pimcore_image('slider-images').thumbnail('global-image').html({'imgAttributes' : {'uk-cover' : null}})|raw }}
  47.                             </li>
  48.                             {% endfor %}
  49.                         </ul>
  51.                         <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
  52.                         <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>
  54.                     </div>
  56.                     <ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-margin"></ul>
  58.                 </div>
  59.             </div>
  60.         </div>
  62.         <div class="uk-text-center apk-title-logement">
  63.             <h2 class="uk-h2">{{ pimcore_textarea("title-switcher", {"nl2br" : true})|raw }}</h2>
  64.             <p>{{ pimcore_textarea("sentance-switcher", {"nl2br" : true})|raw }}</p>
  65.         </div>
  67.     </div>
  68. </div>
  70. {% endif %}#}
  71. <!-- fin Slider images -->
  74. <!-- switcher container -->
  75. {% if editmode %}
  77.     <h2>Titre</h2>
  78.     <h2 class="uk-h2">{{ pimcore_textarea("slider-title", {"nl2br" : true})|raw }}</h2>
  79.     <h2>Texte</h2>
  80.     <p>{{ pimcore_textarea("slider-text", {"nl2br" : true})|raw }}</p>
  82.     <h2>Autre titre</h2>
  83.     <h2 class="uk-h2">{{ pimcore_textarea("title-switcher", {"nl2br" : true})|raw }}</h2>
  84.     <h2>Texte</h2>
  85.     <p>{{ pimcore_textarea("sentance-switcher", {"nl2br" : true})|raw }}</p>
  87.     <hr>
  89.     <h2>Sous-titre switcher</h2>
  90.     {% for i in pimcore_block('switcherblock').iterator %}
  91.         {{ pimcore_textarea("switcher-subtitle") }}
  92.     {% endfor %}
  94.     <h2>Contenu switcher</h2>
  95.     {% for i in pimcore_block('loopBlock').iterator %}
  96.         <h2>Bloc contenu</h2>
  97.         {% for i in pimcore_block('switcherblockcontent').iterator %}
  98.             {{ pimcore_textarea("title-switcher-content") }}
  99.             {{ pimcore_image('image-switcher-content',{ "width" : 200}) }}
  100.             {{ pimcore_wysiwyg("switcher-content") }}
  101.         {% endfor %}
  102.         <hr>
  103.     {% endfor %}
  104.     <hr>
  106. {% else %}
  108.     <div class="apk-switcher-container">
  110.         <div class="uk-text-center">
  111.             <h1 class="uk-h1 uk-text-center">{{ pimcore_textarea("slider-title", {"nl2br" : true})|raw }}</h2>
  112.             <p>{{ pimcore_textarea("slider-text", {"nl2br" : true})|raw }}</p>
  113.         </div>
  115.         <div class="uk-text-center uk-margin-medium-top">
  116.             <h2 class="uk-h2">{{ pimcore_textarea("title-switcher", {"nl2br" : true})|raw }}</h2>
  117.             <p>{{ pimcore_textarea("sentance-switcher", {"nl2br" : true})|raw }}</p>
  118.         </div>
  120.         <div class="uk-container apk-container-1400">
  122.             <div class="apk-switcher-content">
  123.                 <ul class="uk-subnav uk-subnav-pill" uk-switcher>
  124.                     {% for i in pimcore_block('switcherblock').iterator %}
  125.                         <li><a href="#">{{ pimcore_textarea("switcher-subtitle") }}</a></li>
  126.                     {% endfor %}
  127.                 </ul>
  129.                 <ul class="uk-switcher uk-margin apk-switcher-text">
  130.                     {% for i in pimcore_block('loopBlock').iterator %}
  131.                     <li>
  132.                         <div class="uk-child-width-1-2@m" uk-grid uk-lightbox="animation: slide">
  133.                             {% for i in pimcore_block('switcherblockcontent').iterator %}
  134.                             <div>
  135.                                 <h3 class="uk-h3">{{ pimcore_textarea("title-switcher-content") }}</h3>
  136.                                 <a class="uk-inline" href="{{ pimcore_image('image-switcher-content').thumbnail('global-image')}}">
  137.                                     {{ pimcore_image('image-switcher-content').thumbnail('global-image').html()|raw }}
  138.                                 </a>
  139.                                 {{ pimcore_wysiwyg("switcher-content") }}
  140.                             </div>
  141.                             {% endfor %}
  142.                         </div>
  143.                     </li>
  144.                     {% endfor %}
  145.                 </ul>
  146.             </div>
  147.         
  148.         </div>
  149.     </div>
  151. {% endif %}
  152. <!-- fin switcher container -->
  155.   {{ pimcore_areablock('contentBottom') }}
  157. </main><!-- end #main -->
  160. {% endblock %}
  162. {% block inlinescripts %}
  163.         
  164. {% endblock inlinescripts %}