templates/snippets/gites.html.twig line 1

Open in your IDE?
  1. {% extends "layout-snippets.html.twig" %}
  3. {% block snippets %}
  5. {% if editmode %}
  7. <div class="uk-container apk-container-1400 uk-margin-medium">
  8.     <h2 class="uk-h2">Section gites</h2>
  9.     <ul uk-tab>
  10.         <li><a href="#">Configurations</a></li>
  11.         <li class="uk-active"><a href="#">Contenu</a></li>
  12.     </ul>
  14.     <ul class="uk-switcher uk-margin">
  15.         <li>
  16.             <div>Alignement en colones</div>
  17.             {{ pimcore_select("grille", {
  18.                 "store" : [
  19.                     ['', 'Aucun'],
  20.                     ['uk-child-width-1-1', '1 colone'],
  21.                     ['uk-child-width-1-2@m', '2 colones'],
  22.                     ['uk-child-width-1-3@m', '3 colones'],
  23.                     ['uk-child-width-1-4@m uk-child-width-1-2', '4 colones'],
  24.                 ],
  25.                 "defaultValue" : ""
  26.             }) }}
  28.             <div>Padding en haut et en bas</div>
  29.             {{ pimcore_select("padding", {
  30.                 "store" : [
  31.                     ['uk-padding-remove', 'Suppression du padding'],
  32.                     ['', 'Aucun'],
  33.                     ['uk-padding-small', 'Petit'],
  34.                     ['uk-padding', 'Moyen'],
  35.                     ['uk-padding-large', 'Grand'],
  36.                 ],
  37.                 "defaultValue" : ""
  38.             }) }}
  39.             <div>Type de heading</div>
  40.             {{ pimcore_select("title-type", {
  41.                 "store" : [
  42.                     ['h1', 'Heading 1'],
  43.                     ['h2', 'Heading 2'],
  44.                     ['h3', 'Heading 3'],
  45.                     ['h4', 'Heading 4'],
  46.                     ['h5', 'Heading 5'],
  47.                     ['h6', 'Heading 6'],
  48.                 ],
  49.                 "defaultValue" : "h2"
  50.             }) }}
  51.             <div>Style de heading</div>
  52.             {{ pimcore_select("title-style", {
  53.                 "store" : [
  54.                     ['uk-h1', 'Heading 1'],
  55.                     ['uk-h2', 'Heading 2'],
  56.                     ['uk-h3', 'Heading 3'],
  57.                     ['uk-h4', 'Heading 4'],
  58.                     ['uk-h5', 'Heading 5'],
  59.                     ['uk-h6', 'Heading 6'],
  60.                 ],
  61.                 "defaultValue" : "uk-h2"
  62.             }) }}
  64.         </li>
  66.         <li class="uk-active">
  67.         <div>Gites</div>
  69.             <div class="uk-text-bold">Titre</div>
  70.             <h2>{{ pimcore_input("gites-title", {"nl2br" : true})|raw }}</h2>
  72.             {% for i in pimcore_block('contentblock').iterator %}
  74.                 <div uk-alert>
  76.                     <div class="uk-text-bold">Image</div>
  77.                     {{ pimcore_image('grid-image',{ "width" : 200}) }}
  79.                     <div class="uk-text-bold">Titre</div>
  80.                     <h3>{{ pimcore_input("grid-title", {"nl2br" : true})|raw }}</h3>
  82.                     <div class="uk-text-bold">Icone couchages</div>
  83.                     {{ pimcore_image('gite-couchage',{ "width" : 200}) }}
  85.                     <div class="uk-text-bold">Texte couchages</div>
  86.                     <h3>{{ pimcore_wysiwyg("couchage-text", {"nl2br" : true})|raw }}</h3>
  88.                     <div class="uk-text-bold">Icone horaire</div>
  89.                     {{ pimcore_image('gite-horaire',{ "width" : 200}) }}
  91.                     <div class="uk-text-bold">Texte horaire</div>
  92.                     <h3>{{ pimcore_wysiwyg("horaire-text", {"nl2br" : true})|raw }}</h3>
  94.                     <div class="uk-text-bold">Lien 1</div>
  95.                     <h3>{{ pimcore_link("btn-1") }}</h3>
  97.                     <div class="uk-text-bold">Lien 2</div>
  98.                     <h3>{{ pimcore_link("btn-2") }}</h3>
  100.                 </div>
  101.             {% endfor %}
  103.         </li>
  104.     </ul>
  105. </div>
  107. {% else %}
  109. {% set title_type = pimcore_select('title-type').data %}
  110. {% set title_style = pimcore_select('title-style').data %}
  113. <section id="apk-gites">
  114.     <div class="uk-container apk-container-1400">
  115.       {% if pimcore_input("gites-title") is not empty %}
  116.       <{{title_type}} class="{{ title_style }} uk-text-center">{{ pimcore_input("gites-title", {"nl2br" : true})|raw }}</{{title_type}}>
  117.       {% endif %}
  118.       <div class="uk-child-width-1-1 uk-child-width-1-2@m uk-grid" uk-grid>
  119.             {% for i in pimcore_block('contentblock').iterator %}
  120.             <div>
  121.                 <div class="uk-position-relative">
  122.                     {{ pimcore_image('grid-image').thumbnail('global-image').html({
  123.                         "imgAttributes" : {
  124.                             "uk-svg" : "",
  126.                         }
  127.                     })|raw }}
  128.                     <div class="apk-icon">
  129.                         <div class="uk-flex uk-flex-middle apk-icon-couchage">
  130.                             {{ pimcore_image('gite-couchage').thumbnail('pictos-image').html({
  131.                                 "imgAttributes" : {
  132.                                     "uk-svg" : "",
  133.                                     "class" : "uk-margin-small-right uk-flex-none",
  134.                                     "style" : "width: 40px; height: 40px;"
  136.                                 }
  137.                             })|raw }}
  138.                             {{ pimcore_wysiwyg("couchage-text", {"nl2br" : true})|raw }}
  139.                         </div>
  140.                         <div class="uk-flex uk-flex-middle apk-icon-horaire">
  141.                             {{ pimcore_image('gite-horaire').thumbnail('pictos-image').html({
  142.                                 "imgAttributes" : {
  143.                                     "uk-svg" : "",
  144.                                     "class" : "uk-margin-small-right uk-flex-none",
  145.                                     "style" : "width: 40px; height: 43px;"
  147.                                 }
  148.                             })|raw }}
  149.                             {{ pimcore_wysiwyg("horaire-text", {"nl2br" : true})|raw }}
  150.                         </div>
  151.                     </div>
  152.                     <div class="apk-btn">
  153.                         {#<div class="uk-flex uk-flex-middle">
  154.                             {{ pimcore_link("btn-1", {"class" : "uk-button"}) }}
  155.                         </div>#}
  156.                         <div class="uk-flex uk-flex-middle">
  157.                             {{ pimcore_link("btn-2", {"class" : "uk-button uk-button-primary"}) }}
  158.                         </div>
  159.                     </div>
  160.                     <div class="uk-overlay-primary uk-position-cover"></div>
  161.                     <div class='uk-overlay uk-light uk-position-center'>
  162.                         <h3 class="uk-h2">{{ pimcore_input("grid-title", {"nl2br" : true})|raw }}</h3>
  163.                     </div>
  164.                 </div>
  165.             </div>
  166.             {% endfor %}
  167.       </div>
  168.     </div>
  169. </section>
  171. {% endif %}
  174. {% endblock snippets %}