templates/layout.html.twig line 104

Open in your IDE?
  2. <!DOCTYPE html>
  3. <html dir="ltr" lang="{{ app.request.locale }}">
  5. <head>
  6.     
  7.     {% include "head/metas.html.twig" %}
  9.     {# 
  10.     Enregistre la liste des fichiers CSS et JS
  11.     
  12.     Attention:
  13.     Veillez à mettre à jour les adresses ci-dessous en remplacant la version par la dernière version disponible (jQuery,
  14.     Uikit, FontAwesome,...), et ce pour tous les fichiers layout[...].html.twig !
  15.     #}
  16.     {% apply spaceless %}
  17.         {# add global stylesheets and scripts outside of any blocsk to add them to the helpers before any others assets are added #}
  18.         {# we use the view helper to have cache buster functionality #}
  19.         
  20.         {% do pimcore_head_link().appendStylesheet('https://cdnjs.cloudflare.com/ajax/libs/uikit/3.5.7/css/uikit.min.css') %}
  21.         {% do pimcore_head_link().appendStylesheet('https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.css') %}
  23.         {% do pimcore_head_link().appendStylesheet(asset('/static/vendor/outdatedbrowser/outdatedbrowser.min.css')) %}
  24.         {% do pimcore_head_link().appendStylesheet(asset('/static/css/application.min.css')) %}
  25.         {#% do pimcore_head_link().appendStylesheet(asset('/static/css/custom.css')) %#}
  26.         
  28.         {# Adobe Font #}
  29.         {#% do pimcore_head_link().appendStylesheet('https://use.typekit.net/cdw7sie.css') %#}
  30.        {# {% do pimcore_head_link().appendStylesheet('https://use.typekit.net/rjz1kgr.css') %}#}
  31.         {% do pimcore_head_link().appendStylesheet('https://use.typekit.net/lal0zga.css') %}
  33.         {# A rendre dynamique #}
  35.         {% if not document.property('new-website') %}
  36.             {% do pimcore_head_script().appendFile('https://www.google.com/recaptcha/api.js?render=6LcMEv0eAAAAAGqziCU59GigxzVk5-ao1zof4wAJ') %}
  37.         {% endif %}
  38.         
  39.         {% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/uikit/3.5.7/js/uikit.min.js') %}
  40.         {% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js') %}
  41.         {% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.js') %}
  42.         {% do pimcore_head_script().appendFile('/static/vendor/outdatedbrowser/outdatedbrowser.min.js') %}
  44.         {% do pimcore_head_script().appendFile(asset('/static/js/apik.js')) %}
  45.         {% do pimcore_head_script().appendFile(asset('/static/js/main.js')) %}
  46.     {% endapply %}
  48.     {# Affiche les styles CSS personnalisés pour toutes les pages #}
  50.     {% block head_stylesheets deferred %}
  51.         {{ pimcore_head_link() }}
  52.     {% endblock %}
  54.     {# Affiche les styles CSS personnalisés propres au footer #}
  56.     {% block head_stylesheets_footer deferred %}
  57.         
  58.     {% endblock %}
  60.     {% if not document is defined or not document %}
  61.         {% set document = pimcore_document(1) %}
  62.     {% endif %}
  64.     {# Favicons (utilisez RealFaviconGenerator) #}
  65.     
  66.     
  67.     <link rel="apple-touch-icon" sizes="180x180" href="/static/img/favicon/apple-touch-icon.png">
  68.     <link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon/favicon-32x32.png">
  69.     <link rel="icon" type="image/png" sizes="16x16" href="/static/img/favicon/favicon-16x16.png">
  70.     <link rel="manifest" href="/static/img/favicon/site.webmanifest">
  71.     <link rel="mask-icon" href="/static/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
  72.     <link rel="shortcut icon" href="/static/img/favicon/favicon.ico">
  73.     <meta name="msapplication-TileColor" content="#da532c">
  74.     <meta name="msapplication-config" content="/static/img/favicon/browserconfig.xml">
  75.     <meta name="theme-color" content="#ffffff">
  76.     
  77.     
  78.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
  79.           integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
  81. </head>
  83. <body class="{{ document.property('universe') }} {{ editmode ? "apk-cms-pimcore" : "" }} {{ document.property('new-website') ? "new-website" : "" }}">
  85. <!-- ============== Outdated Browser =========== -->
  86. <div id="outdated"></div>
  88. {# Vérifie si "Your website name" a bien été traduit. Si non, on affiche un message d'erreur #}
  89. {# Attention, il ne faut pas renommer le nom du site ici... Il faut le renommer dans les Shared Translations! #}
  90. {% if "Your website name"|trans == "Your website name" %}
  91.     {{ '<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>' }}
  92. {% endif %}
  93. {% if not document.hasProperty('politiqueDeConfidentialite') %}
  94.     {{ '<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>' }}
  95. {% endif %}
  97. {# Affiche le  header + condition pour le nouveau site web #}
  98. {% if document.property('new-website') %}
  99.     {% include "includes/header-new.html.twig" %}
  100. {% else %}
  101.     {% include "includes/header.html.twig" %}
  102. {% endif %}
  104. {% block content %}{% endblock %}
  106. {% if document.property('new-website') %}
  107.     {% include "includes/sticky-socials.html.twig" %}
  108. {% endif %}
  110. {% if editmode %}
  111.     <div class="uk-container apk-container-1400 uk-margin-medium-bottom">
  112.         <div class="uk-alert-danger" uk-alert>
  113.             <h1 class="uk-h1">Texte dans le footer</h1>
  114.             {{ pimcore_wysiwyg('bottom-footerlink') }}
  115.         </div>
  116.     </div>
  117. {% endif %}
  119. {% set showFooterText = false %}
  120. {% set footerBackgroundColor = false %}
  121. {% if not pimcore_wysiwyg('bottom-footerlink').isEmpty %}
  122.     {% set showFooterText = pimcore_wysiwyg('bottom-footerlink') %}
  123. {% endif %}
  124. {% if document.getProperty('footerBackgroundColor') %}
  125.     {% set footerBackgroundColor = document.getProperty('footerBackgroundColor') %}
  126. {% endif %}
  127. {# Affiche le footer + condition pour le nouveau site web #}
  128. {% if not editmode %}
  129.     {% if document.property('new-website') %}
  130.         {{ pimcore_inc("/" ~ app.request.locale ~ "/Snippets/footer",{
  131.             'showFooterText': showFooterText,
  132.             'footerBackgroundColor' : footerBackgroundColor
  133.             })
  134.         }}
  135.     {% elseif pimcore_inc("/happymagnecaps/" ~ app.request.locale ~ "/Snippets/footer") %}
  136.         {{ pimcore_inc("/happymagnecaps/" ~ app.request.locale ~ "/Snippets/footer") }}
  137.     {% else %}
  138.         {{ '<p class="uk-alert-danger" uk-alert>Vous avez oublié de mettre votre footer dans un snippet</p>' }}
  139.     {% endif %}
  140. {% endif %}
  142. {# output scripts added before #}
  143. {% block headscripts %}
  144.     {{ pimcore_head_script() }}
  145. {% endblock %}
  148. {% block inlinescripts  %}
  150. {% endblock %}
  153. {% block snippetscripts  %}
  155. {% endblock %}
  157. <script>
  158.     window.addEventListener("load", function () {
  159.         window.cookieconsent.initialise({
  160.             "palette": {
  161.                 "popup": {
  162.                     "text": "#ffffff",
  163.                     "background": "#E40233",
  164.                 },
  165.                 "button": {
  166.                     "text": "#E40233",
  167.                     "background": "#ffffff",
  168.                 }
  169.             },
  170.             "content": {
  171.                 "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. '|trans }}",
  172.                 "dismiss": "{{ 'j\'accepte' |trans }}",
  173.                 "link": "{{ 'En savoir plus' |trans }}",
  174.                 "href": "{% if document.getProperty('politiqueDeConfidentialite') %} {{ document.getProperty('politiqueDeConfidentialite') }} {% endif %}"
  175.             }
  176.         })
  177.     });
  179.     // Plain Javascript
  180.     //event listener: DOM ready
  181.     function addLoadEvent(func) {
  182.         var oldonload = window.onload;
  183.         if (typeof window.onload != 'function') {
  184.             window.onload = func;
  185.         } else {
  186.             window.onload = function() {
  187.                 if (oldonload) {
  188.                     oldonload();
  189.                 }
  190.                 func();
  191.             }
  192.         }
  193.     }
  194.     //call plugin function after DOM ready
  195.     addLoadEvent(function(){
  196.         outdatedBrowser({
  197.             bgColor: '#f25648',
  198.             color: '#ffffff',
  199.             lowerThan: 'borderImage',
  200.             languagePath: '/static/vendor/outdatedbrowser/lang/{{ document.getProperty('language') }}.html'
  201.         })
  202.     });
  203.     // Using jQuery (version that supports IE < 9)
  204.     $( document ).ready(function() {
  205.         outdatedBrowser({
  206.             bgColor: '#f25648',
  207.             color: '#ffffff',
  208.             lowerThan: 'borderImage',
  209.             languagePath: '/static/vendor/outdatedbrowser/lang/{{ document.getProperty('language') }}.html'
  210.         })
  211.     })
  212. </script>
  214. </body>
  215. </html>