templates/layout.html.twig line 1

Open in your IDE?
  2. <!DOCTYPE html>
  3. <html dir="ltr" lang="{{ app.request.locale }}">
  5. <head>
  6.     {% include "head/metas.html.twig" %}
  8.     {% if pimcore_website_config('cookiebotHide') == false %}
  9.         {% include "head/cookiebot-head.html.twig" %}
  10.     {% endif %}
  12.     {# 
  13.     Enregistre la liste des fichiers CSS et JS
  14.     
  15.     Attention:
  16.     Veillez à mettre à jour les adresses ci-dessous en remplacant la version par la dernière version disponible (jQuery,
  17.     Uikit, FontAwesome,...), et ce pour tous les fichiers layout[...].html.twig !
  18.     #}
  19.     {% apply spaceless %}
  20.         {# add global stylesheets and scripts outside of any blocsk to add them to the helpers before any others assets are added #}
  21.         {# we use the view helper to have cache buster functionality #}
  23.         {% do pimcore_head_link().appendStylesheet(asset('/static/css/onload.min.css')) %}
  24.         {% do pimcore_head_link().appendStylesheet(asset('/static/css/uikit/uikit.3.5.7.min.css')) %}
  25.         {% do pimcore_head_link().appendStylesheet(asset('/static/css/jquery-ui/jquery-ui.1.13.2.min.css')) %}
  26.         {% do pimcore_head_link().appendStylesheet(asset('/static/css/application.min.css')) %}
  27.         {% do pimcore_head_link().appendStylesheet(asset('/static/css/exkglobal.min.css')) %}
  28.         {% do pimcore_head_link().appendStylesheet(asset('/static/css/coming_soon.min.css')) %}
  29.         {#% do pimcore_head_link().appendStylesheet(asset('/static/js/country-flag/country-flag.css')) %#}
  30.         {% do pimcore_head_link().appendStylesheet(asset('/static/framework/dropify/css/dropify.min.css')) %}
  31.         {#% do pimcore_head_link().appendStylesheet('https://use.typekit.net/cdw7sie.css') %#}
  33.         {% if pimcore_website_config('cookiebotHide') == true %}
  34.             {% do pimcore_head_link().appendStylesheet('https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.css') %}
  35.         {% endif %}
  37.         {#<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>#}
  38.         {#% do pimcore_head_link().appendStylesheet(asset('/static/css/custom.css')) %#}
  40.         {# Adobe Font #}
  41.         
  42.         
  43.         {% do pimcore_head_script().appendFile(asset('/static/js/uikit/uikit.3.5.7.min.js')) %}
  44.         {% do pimcore_head_script().appendFile(asset('/static/js/jquery/jquery.3.5.1.min.js')) %}
  45.         {# condition pour le vue js dev et prod #}
  46.         {% if pimcore_website_config('minify-css-js') %}
  47.             {% do pimcore_head_script().appendFile(asset('/static/js/vue/prod-3.2.31/vue.global.min.js')) %}
  48.             {% do pimcore_head_script().appendFile(asset('/static/js/minified/moment.min.js')) %}
  49.             {% do pimcore_head_script().appendFile(asset('/static/js/minified/apik.min.js')) %}
  50.             {% do pimcore_head_script().appendFile(asset('/static/js/minified/apik-main.min.js')) %}
  51.         {% else %}
  52.             {% do pimcore_head_script().appendFile(asset('/static/js/vue/dev-3.2.31/vue.global.min.js')) %}
  53.             {% do pimcore_head_script().appendFile(asset('/static/js/moment.js')) %}
  54.             {% do pimcore_head_script().appendFile(asset('/static/js/apik.js')) %}
  55.             {% do pimcore_head_script().appendFile(asset('/static/js/apik-main.js')) %}
  56.         {% endif %}
  58.         {% do pimcore_head_script().appendFile(asset('/static/js/moment-timezone.min.js')) %}
  60.         {% do pimcore_head_script().appendFile(asset('/static/framework/dropify/js/dropify.min.js')) %}
  61.         {#% do pimcore_head_script().appendFile(asset('/static/js/country-flag/country-flag.js')) %#}
  63.         {% if pimcore_website_config('cookiebotHide') == true %}
  64.             {% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.js') %}
  65.         {% endif %}
  66.         
  67.         
  68.         {# GOOGLE FONTS #}
  69.         <link rel="preconnect" href="https://fonts.googleapis.com">
  70.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  71.         {% do pimcore_head_link().appendStylesheet('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap') %}
  74.     {% endapply %}
  76.     {# Affiche les styles CSS personnalisés pour toutes les pages #}
  78.     {% block head_stylesheets deferred %}
  79.         {{ pimcore_head_link() }}
  80.     {% endblock %}
  81.         
  82.     {% if pimcore_website_config('activateAnalytics') %}
  83.         {% block beforeScriptTag %}
  84.         {% endblock %}
  85.     {% endif %}
  87.     {# Affiche les styles CSS personnalisés propres au footer #}
  89.     {% block head_stylesheets_footer %}
  90.         
  91.     {% endblock %}
  93.     {% if not document is defined or not document %}
  94.         {% set document = pimcore_document(1) %}
  95.     {% endif %}
  97.     {# Favicons (utilisez RealFaviconGenerator) #}
  98.     
  99.     <link rel="apple-touch-icon" sizes="180x180" href="/static/img/favicon/apple-touch-icon.png">
  100.     <link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon/favicon-32x32.png">
  101.     <link rel="icon" type="image/png" sizes="16x16" href="/static/img/favicon/favicon-16x16.png">
  102.     <link rel="manifest" href="/static/img/favicon/site.webmanifest">
  103.     <link rel="mask-icon" href="/static/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
  104.     <link rel="shortcut icon" href="/static/img/favicon/favicon.ico">
  105.     <meta name="msapplication-TileColor" content="#da532c">
  106.     <meta name="msapplication-config" content="/static/img/favicon/browserconfig.xml">
  107.     <meta name="theme-color" content="#e9e9e9">
  108.     {#<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
  109.           integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">#}
  111.     {#% include "head/hotjar.html.twig" %#}
  112.     {#% include "head/meta-pixel.html.twig" %#}
  114.     <script>
  115.         function mobileAndTabletCheck() {
  116.             let check = false;
  117.             (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
  118.             if(check) {
  119.                 document.getElementsByTagName('html')[0].classList.add('is-mobile');
  120.             }
  121.         };
  122.         mobileAndTabletCheck();
  123.     </script>
  125. </head>
  127. <body class="{{ document.property('themeDark') ? 'uk-light' : 'uk-dark' }} {{ editmode ? 'apk-cms-pimcore' : ''}}" >
  128.    
  129. {# Vérifie si "Your website name" a bien été traduit. Si non, on affiche un message d'erreur #}
  130. {# Attention, il ne faut pas renommer le nom du site ici... Il faut le renommer dans les Shared Translations! #}
  131. {% if "Your website name"|trans == "Your website name" %}
  132.     {{ '<p class="uk-alert-danger" uk-alert>Attention, n\'oubliez pas de traduire \'Your website name\' et les autres chaines de traduction via Tools > Translations > Shared Translation.</p>' }}
  133. {% endif %}
  134. {% if not document.hasProperty('politiqueDeConfidentialite') %}
  135.     {{ '<p class="uk-alert-danger" uk-alert>Attention, n\'oubliez pas de créer la propriété \'politiqueDeConfidentialite\' (type Document) à la racine du site et de la faire pointer vers la page Politique de confidentialité (pour le bandeau des cookies).</p>' }}
  136. {% endif %}
  140. {# Affiche la bannière CTA #}
  142. {% if pimcore_website_config('showBannerCta') == true %}
  143.     {% if pimcore_inc("/" ~ app.request.locale ~ "/Snippets/cta-banner") %}
  144.         {{ pimcore_inc("/" ~ app.request.locale ~ "/Snippets/cta-banner") }}
  145.     {% endif %}
  146. {% endif %}
  149. {# Affiche le  header #}
  150. {% if app.user %}
  151.     {% include "includes/header.html.twig" with {'userLogged' : app.user} %}    
  152. {% else %}
  153.     {% include "includes/header.html.twig" with {'userLogged' : null} %}
  154. {% endif %}
  156. {% block headerSticky %}
  158. {% endblock %}
  161. {#% set cache = pimcore_cache("header_cache") %}
  162. {% if not cache.start() %}
  163.     {% include "includes/header.html.twig" %}
  164.     {% do cache.end() %}
  165. {% endif %#}
  167. {% block content %}{% endblock %}
  170. {# Affiche le bottom-fixed-info #}
  171. {% if not editmode %}
  172.     {% if pimcore_inc("/" ~ app.request.locale ~ "/Snippets/footer") %}
  173.         {{ pimcore_inc("/" ~ app.request.locale ~ "/Snippets/footer") }}
  174.     {% else %}
  175.         {{ '<p class="uk-alert-danger" uk-alert>Vous avez oublié de mettre votre footer dans un snippet</p>' }}
  176.     {% endif %}
  177. {% endif %}
  179. {% if not editmode %}
  180. <div id="apk-backtotop">
  181.     <a class="uk-text-uppercase uk-flex uk-flex-bottom" href="#" uk-scroll aria-disabled="true">
  182.         {{ "Up"|trans }}
  183.         <img uk-svg width="40" height="45" src="/static/img/pictos/arrow-top.svg" alt="up">
  184.     </a>
  185. </div>
  186. {% endif %}
  188. {# output scripts added before #}
  189. {% block headscripts %}
  190.     {{ pimcore_head_script() }}
  191. {% endblock %}
  193. {% block inlinescripts  %}
  195. {% endblock %}
  197. {% block snippetscripts  %}
  199. {% endblock %}
  202. {% if pimcore_website_config('cookiebotHide') == true %}
  203.     <script>
  204.         window.addEventListener("load", function () {
  205.             window.cookieconsent.initialise({
  206.                 "palette": {
  207.                     "popup": {
  208.                         "text": "#ffffff",
  209.                         "background": "#000000",
  210.                     },
  211.                     "button": {
  212.                         "text": "#ffffff",
  213.                         "background": "#FA6401",
  214.                     }
  215.                 },
  216.                 "content": {
  217.                     "message": "{{ 'Nous utilisons des cookies et d\'autres technologies pour assurer à tous les utilisateurs de ce site internet la meilleure expérience possible.' |trans }} {{ 'En accédant à ce site, vous acceptez notre politique de cookies.'}}",
  218.                     "dismiss": "{{ 'J\'accepte' |trans }}",
  219.                     "link": "{{ 'En savoir plus' |trans }}",
  220.                     "href": "{% if document.getProperty('politiqueDeConfidentialite') %} {{ document.getProperty('politiqueDeConfidentialite') }} {% endif %}"
  221.                 }
  222.             })
  223.         });
  224.     </script>
  225. {% endif %}
  227. </body>
  228. </html>