templates/areas/apk-section-grid/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>
  4.     <ul uk-tab>
  5.         <li><a href="#">Configurations</a></li>
  6.         <li class="uk-active"><a href="#">Contenu</a></li>
  7.     </ul>
  9.     <ul class="uk-switcher uk-margin">
  10.         <li>
  11.             <div>Alignement en colones</div>
  12.             {{ pimcore_select("grille", {
  13.                 "store" : [
  14.                     ['', 'Aucun'],
  15.                     ['uk-child-width-1-1', '1 colone'],
  16.                     ['uk-child-width-1-2@m', '2 colones'],
  17.                     ['uk-child-width-1-3@m', '3 colones'],
  18.                     ['uk-child-width-1-4@m uk-child-width-1-2', '4 colones'],
  19.                 ],
  20.                 "defaultValue" : ""
  21.             }) }}
  23.             <div>Padding en haut et en bas</div>
  24.             {{ pimcore_select("padding", {
  25.                 "store" : [
  26.                     ['uk-padding-remove', 'Suppression du padding'],
  27.                     ['', 'Aucun'],
  28.                     ['uk-padding-small', 'Petit'],
  29.                     ['uk-padding', 'Moyen'],
  30.                     ['uk-padding-large', 'Grand'],
  31.                 ],
  32.                 "defaultValue" : ""
  33.             }) }}
  35.         </li>
  37.         <li class="uk-active">
  38.         <div>Grid</div>
  40.             <div class="uk-text-bold">Titre</div>
  41.             <h2>{{ pimcore_textarea("grid-title", {"nl2br" : true})|raw }}</h2>
  43.             {% for i in pimcore_block('contentblock').iterator %}
  45.                 <div uk-alert>
  47.                     <div class="uk-text-bold">Image</div>
  48.                     {{ pimcore_image('grid-image',{ "width" : 200}) }}
  50.                     <div class="uk-text-bold">Sous-titre</div>
  51.                     <h3>{{ pimcore_textarea("grid-subtitle", {"nl2br" : true})|raw }}</h3>
  53.                 </div>
  54.             {% endfor %}
  56.             <div class="uk-text-bold">Bouton global</div>
  57.             {{ pimcore_link("bouton-global", {
  58.                 "class" : "uk-button"
  59.             }) }}
  60.             
  61.         </li>
  62.     </ul>
  63. </div>
  65. {% else %}
  67. <div class="apk-container-grid uk-position-relative {{ pimcore_select("padding") }}">
  69.     <div class="uk-container apk-container-1400 uk-text-center">
  72.         {% if pimcore_textarea("grid-title").isEmpty() %}
  74.         {% else %}
  75.         <h2 class="uk-h2">{{ pimcore_textarea("grid-title", {"nl2br" : true})|raw }}</h2>
  76.         {% endif %}
  78.         <div class="{{ pimcore_select("grille")}}" uk-grid uk-height-match="target: .apk-grid-content">
  79.         {% for i in pimcore_block('contentblock').iterator %}
  80.             <div>
  81.                 <div class="apk-content">
  83.                     {% if pimcore_image('grid-image').isEmpty() %}
  85.                     {% else %}
  87.                         {{ pimcore_image('grid-image').thumbnail('global-image').html()|raw }}
  89.                     {% endif %}
  91.                     <div>
  92.                         <div class="apk-grid-content">
  93.                             <h3 class="uk-margin-remove-bottom">{{ pimcore_textarea("grid-subtitle", {"nl2br" : true})|raw }}</h3>
  94.                         </div>
  95.                     </div>
  96.                 </div>
  97.             </div>
  98.         {% endfor %}
  99.         </div>
  101.     </div>
  103.     {% if pimcore_link("bouton-global").isEmpty() %}
  105.     {% else %}
  106.     <div class="uk-text-center">
  107.         {{ pimcore_link("bouton-global", {"class" : "uk-button"}) }}
  108.     </div>
  109.     {% endif %}
  111. </div>
  113. {% endif %}