templates/snippets/footer.html.twig line 1

Open in your IDE?
  2. {% extends "layout-snippets.html.twig" %}
  4. {% block snippets %}
  6. {% if editmode %}
  8.     <h2>Section doré au-dessus du footer</h2>
  9.     {% for i in pimcore_block('or-boucle').iterator %}
  10.         <div class="uk-text-bold">Image</div>
  11.         {{ pimcore_image('or-image',{ "width" : 200}) }}
  12.         <div class="uk-text-bold">Sous-titre</div>
  13.         <h3>{{ pimcore_textarea("or-subtitle", {"nl2br" : true})|raw }}</h3>
  14.     {% endfor %}
  16.     <h2>Boucle titre + sous liens footer</h2>
  17.     {% for i in pimcore_block('sousboucle').iterator %}
  18.         {{ pimcore_link("sublink-footer") }}
  19.     {% endfor %}
  21.     <h2>Boucle sous liens footer</h2>
  22.     {% for i in pimcore_block('sousbouclebis').iterator %}
  23.         {{ pimcore_link("sublinkbis-footer") }}
  24.     {% endfor %}
  27.     <h2>Boucle liens footer</h2>
  28.     {% for i in pimcore_block('linkfooterblock').iterator %}
  29.         {{ pimcore_link("link-footer") }}
  30.     {% endfor %}
  32.     <div>
  33.         {{ pimcore_link('conditions-generales') }}
  34.     </div>
  35.     <div>
  36.         {{ pimcore_link('politique-de-confidentialite') }}
  37.     </div>
  38.     <div>
  39.         {{ pimcore_link('reglement') }}
  40.     </div>
  42. {% else %}
  44. <footer id="footer">
  45.     <div class="apk-section-footer-top">
  46.         <div class="uk-container apk-container-1400">
  47.             <div class="uk-child-width-1-3@m uk-text-center" uk-grid>
  48.                 {% for i in pimcore_block('or-boucle').iterator %}
  49.                 <div>
  50.                     <div>
  51.                         {{ pimcore_image('or-image') }}
  52.                         <span>{{ pimcore_textarea("or-subtitle", {"nl2br" : true})|raw }}</span>
  53.                     </div>
  54.                 </div>
  55.                 {% endfor %}
  56.             </div>
  57.         </div>
  58.     </div>
  59.     <div class="uk-container apk-container-1400">
  60.         <div class="apk-footer uk-margin-medium-bottom">
  61.             
  62.             <div uk-grid>
  63.                 <div class="uk-width-1-5@m uk-margin-remove-top">
  64.                     <a class="apk-logo uk-padding-remove" href="/{{ app.request.locale }}" title="{{ "Your website name"|trans }}">
  65.                         {{ "Your website name"|trans }}
  66.                     </a>
  68.                     <div class="uk-grid-small uk-margin-top uk-child-width-auto" uk-grid>
  69.                         {% if document.property('companyFacebook') %}
  70.                         <div class="apk-facebook-header">
  71.                             <a class="uk-padding-remove" href="{{ document.property('companyFacebook') }}" target="_blank">
  72.                                 <img uk-svg wdth="30" height="30" src="/static/img/pictos/facebook.svg" alt="{{ "Facebook"|trans }}">
  73.                             </a>
  74.                         </div>
  75.                         {% endif %}
  76.                         {% if document.property('companyInstagram') %}
  77.                         <div class="apk-instagram-header">
  78.                             <a href="{{ document.property('companyInstagram') }}" target="_blank">
  79.                                 <img class="uk-margin-small-right" uk-svg wdth="30" height="30" src="/static/img/pictos/instagram.svg" alt="{{ "Instagram"|trans }}">
  80.                                 <span>{{"Suivez-nous"|trans}}</span>
  81.                             </a>
  82.                         </div>
  83.                         {% endif %}
  84.                     </div>
  85.                 </div><!-- fin div logo -->
  87.                 <div class="uk-width-1-5@m uk-margin-remove-top">
  88.                     <div>
  89.                         <div class="apk-sublink-footer">
  90.                             <ul>
  91.                             {% for i in pimcore_block('sousboucle').iterator %}
  92.                                 <li class="uk-margin-small-bottom">{{ pimcore_link("sublink-footer") }}</li>
  93.                             {% endfor %}
  94.                             </ul>
  95.                         </div>
  96.                     </div>
  97.                 </div><!-- fin boucle sous-liens -->
  99.                 <div class="uk-width-1-5@m uk-margin-remove-top">
  100.                     <div class="apk-sublink-footer">
  101.                         <ul>
  102.                         {% for i in pimcore_block('sousbouclebis').iterator %}
  103.                             <li class="uk-margin-small-bottom">{{ pimcore_link("sublinkbis-footer") }}</li>
  104.                         {% endfor %}
  105.                         </ul>
  106.                     </div>
  107.                 </div>
  109.                 <div class="uk-width-1-5@m uk-margin-remove-top">
  110.                     <div class="apk-sublink-footer">
  111.                         <ul>
  112.                         {% for i in pimcore_block('linkfooterblock').iterator %}
  113.                             <li class="uk-margin-small-bottom">{{ pimcore_link("link-footer") }}</li>
  114.                         {% endfor %}
  115.                         </ul>
  116.                     </div>
  117.                 </div>
  118.                 <!-- fin boucle liens -->
  120.                 <div class="uk-width-1-5@m uk-margin-remove-top">
  121.                     {% if document.property('companyPhone') %}
  122.                     <div class="apk-phone">
  123.                         <a href="tel:{{ convert_phone_to_url(document.getProperty('companyPhone')) }}">
  124.                             <img uk-svg wdth="15" height="15" src="/static/img/pictos/tel.svg" alt="{{ "Tel"|trans }}">
  125.                             <span>{{ document.property('companyPhone') }}</span>
  126.                         </a>
  127.                     </div>
  128.                     {% endif %}
  130.                     {% if document.property('companyMail') %}
  131.                         <div class="apk-mail uk-margin-top">
  132.                             {{ email_obfuscator_svg(document.property('companyMail'))|raw }}
  133.                         </div>
  134.                     {% endif %}
  136.                     <div class="apk-adresse uk-margin-top">
  137.                         <a href="{{ document.getProperty('companyAdresseUrl') }}" target="_blank">
  138.                             <img uk-svg wdth="15" height="15" src="/static/img/pictos/position.svg" alt="{{ "Adresse"|trans }}">
  139.                             <span>{{ document.property('companyAdresse') }}</span>
  140.                         </a>
  141.                     </div>
  143.                 </div>
  145.             </div>
  147.         </div>
  149.         <div class="apk-container-footer-bottom">
  151.             <div class="uk-child-width-auto uk-margin-bottom" uk-grid>
  152.                 <div>
  153.                     {{ pimcore_link('conditions-generales') }}
  154.                 </div>
  155.                 <div>
  156.                     {{ pimcore_link('politique-de-confidentialite') }}
  157.                 </div>
  158.                 <div>
  159.                     {{ pimcore_link('reglement') }}
  160.                 </div>
  161.             </div>
  163.             <hr>
  165.             <div uk-grid>
  166.                 
  167.                 <div class="uk-width-expand@m">
  168.                     <div class="apk-footer-copyright">
  169.                         <p> © Le Domaine de Camberoux {{ "now"|date('Y') }}</p>
  170.                     </div>
  171.                 </div>
  173.                 <div class="uk-width-auto@m uk-margin-remove-top">
  174.                     <div class="uk-flex apk-link-footer-apik">
  175.                         <a class="uk-margin-small-right" href="https://www.apik.be/" target="_blank"><img src="/static/img/logos/apik-logo.png" alt=""></a>
  176.                         <p>{{ "Site web réalisé par Apik Agence web & E-Commerce"|trans}}</p>
  177.                     </div>
  178.                 </div>
  180.             </div>
  181.         </div>
  183.     </div>
  185.     <div id="apk-backtotop">
  186.         <a href="#" uk-totop="" uk-scroll="" aria-disabled="true" title="" uk-tooltip="" class="uk-icon uk-totop" aria-expanded="false">
  187.             <svg width="18" height="10" viewBox="0 0 18 10" xmlns="http://www.w3.org/2000/svg" data-svg="totop">
  188.                 <polyline fill="none" stroke="#000" stroke-width="1.2" points="1 9 9 1 17 9 ">
  189.                 </polyline>
  190.             </svg>
  191.         </a>
  192.         <!-- Other version: <a href="" class="uk-cover" uk-scroll><i class="fas fa-angle-up fa-lg"></i></a>-->
  193.     </div>
  194.     
  195. </footer>
  197. {% endif %}
  199. {% endblock snippets %}