templates/areas/apk-galerie/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  3. <div class="uk-container apk-container-1400 uk-margin-medium">
  4.     <h2 class="uk-h2">Section galerie</h2>
  5.     <ul uk-tab>
  6.         <li><a href="#">Configurations</a></li>
  7.         <li class="uk-active"><a href="#">Contenu</a></li>
  8.     </ul>
  10.     <ul class="uk-switcher uk-margin">
  11.         <li>
  12.             <div>Alignement en colones</div>
  13.             {{ pimcore_select("grille", {
  14.                 "store" : [
  15.                     ['', 'Aucun'],
  16.                     ['uk-child-width-1-1', '1 colone'],
  17.                     ['uk-child-width-1-2@m', '2 colones'],
  18.                     ['uk-child-width-1-3@m', '3 colones'],
  19.                     ['uk-child-width-1-4@m uk-child-width-1-2@s', '4 colones'],
  20.                 ],
  21.                 "defaultValue" : ""
  22.             }) }}
  24.             <div>
  25.                 <strong>Type</strong> de heading pour le titre ?
  26.                 <br>
  27.                 {{ pimcore_select("content-heading", {
  28.                     "store" : [
  29.                         ['span', 'span'],
  30.                         ['h1', 'Heading 1'],
  31.                         ['h2', 'Heading 2'],
  32.                         ['h3', 'Heading 3'],
  33.                         ['h4', 'Heading 4'],
  34.                         ['h5', 'Heading 5'],
  35.                         ['h6', 'Heading 6']
  36.                     ],
  37.                     "defaultValue" : "h2"
  38.                 }) }}
  39.             </div>
  41.             <div>
  42.                 <strong>Style</strong> du heading pour le titre ?
  43.                 <br>
  44.                 {{ pimcore_select("content-heading-style", {
  45.                     "store" : [
  46.                         ['h1', 'Heading 1'],
  47.                         ['h2', 'Heading 2'],
  48.                         ['h3', 'Heading 3'],
  49.                         ['h4', 'Heading 4'],
  50.                         ['h5', 'Heading 5'],
  51.                         ['h6', 'Heading 6']
  52.                     ],
  53.                     "defaultValue" : "h2"
  54.                 }) }}
  55.             </div>
  57.         </li>
  59.         <li class="uk-active">
  61.             <div class="uk-text-bold">Titre</div>
  62.             <h2>{{ pimcore_textarea("content-title",{ "nl2br" : true}) }}</h2>
  64.             <div class="uk-text-bold">Images</div>
  65.             {% for i in pimcore_block('contentblock').iterator %}
  66.                 <div>{{ pimcore_image('galerie-image',{ "width" : 200}) }}</div>
  67.             {% endfor %}
  69.             <div class="uk-text-bold">Bouton global</div>
  70.             {{ pimcore_link("bouton-global", {"class" : "uk-button uk-button-large"}) }}
  71.             
  72.         </li>
  73.     </ul>
  74. </div>
  76. {% else %}
  78.     <div class="uk-container apk-container-1400 uk-text-center">
  80.         <div class="uk-margin-large-bottom">
  81.         {% if not pimcore_textarea("content-title").isEmpty %}
  82.             {% if pimcore_select("content-heading").getData() == 'span' %}
  83.                 <span class="uk-h2">
  84.                     {{ pimcore_textarea("content-title", {
  85.                     "nl2br" : true})|raw }}
  86.                 </span>
  87.             {% else %}
  88.                 {% set content_heading = pimcore_select("content-heading").getData() %}
  89.                 <{{ content_heading }} class="uk-{{ pimcore_select("content-heading-style").getData() }}">
  90.                     {{ pimcore_textarea("content-title", {
  91.                     "nl2br" : true})|raw }}
  92.                 </{{ content_heading }}>
  93.             {% endif %}
  94.         {% endif %}
  95.         </div>
  97.         <div class="{{ pimcore_select("grille")}} uk-grid-small" uk-grid="masonry: true" uk-lightbox="animation: slide">
  98.             {% for i in pimcore_block('contentblock').iterator %}
  99.             <div>
  100.                 <a class="uk-inline" href="{{ pimcore_image('galerie-image').thumbnail('global-image')}}">
  101.                     {{ pimcore_image('galerie-image').thumbnail('global-image').html()|raw }}
  102.                 </a>
  103.             </div>
  104.             {% endfor %}
  105.         </div>
  107.         {{ pimcore_link("bouton-global", {"class" : "uk-button uk-button-large uk-margin-medium-top"}) }}
  108.     </div>
  110. {% endif %}