templates/modules/app/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="{{ languages.locale }}">
  3. <head>
  4.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <meta name="format-detection" content="telephone=no">
  8.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10.     <meta name="language" content="{{ languages.locale }}">
  12.     {% if pages.active.isIndexable %}
  13.         {% set html_indexable = 'index, follow' %}
  14.     {% else %}
  15.         {% set html_indexable = 'noindex, follow' %}
  16.     {% endif %}
  18.     <meta name="robots" content="{{ html_indexable }}">
  20.     <link rel="canonical" href="{{ uri.full }}">
  22.     {# {% for lang_code, lang_uri in uri.alternate %} #}
  23.     {# <link rel="alternate" href="{{ website.domain ~ '/' ~ lang_uri }}" hreflang="{{ lang_code }}"/> #}
  24.     {# {% endfor %} #}
  26.     <title>{% block page_title %}{{ seo.title }}{% endblock %}</title>
  27.     <meta name="description" content="{% block page_description %}{{ seo.description }}{% endblock %}"/>
  28.     <meta name="keywords" content="{% block page_keywords %}{{ seo.keywords }}{% endblock %}">
  30.     {# SOCIAL NETWORKS - TWITTER #}
  31.     <meta name="twitter:site" content="{{ website.name }}">
  32.     <meta name="twitter:title" content="{% block twitter_title %}{{ sn.title }}{% endblock %}">
  33.     <meta name="twitter:description" content="{% block twitter_description %}{{ sn.description }}{% endblock %}">
  34.     <meta name="twitter:url" content="{{ uri.full }}"/>
  35.     <meta name="twitter:domain" content="{{ website.domain }}"/>
  36.     <meta name="twitter:image:src"
  37.           content="{% block twitter_image %}{{ uri.protocol ~ uri.host ~ '/assets/media/images/uploads/' ~ sn.image_social_networks }}{% endblock %}">
  39.     {# SOCIAL NETWORKS #}
  40.     <meta property="og:title" content="{% block facebook_title %}{{ sn.title }}{% endblock %}">
  41.     <meta property="og:description" content="{% block facebook_description %}{{ sn.description }}{% endblock %}">
  42.     <meta property="og:url" content="{{ uri.full }}">
  43.     <meta property="og:language" content="{{ languages.locale }}">
  44.     <meta property="og:image"
  45.           content="{% block facebook_image %}{{ uri.protocol ~ uri.host ~ '/assets/media/images/uploads/' ~ sn.image_social_networks }}{% endblock %}"/>
  46.     <meta property="og:type" content="website">
  48.     {# FAVICON #}
  49.     <link rel="apple-touch-icon" sizes="57x57" href="{{ asset('assets/favicon/apple-icon-57x57.png') }}">
  50.     <link rel="apple-touch-icon" sizes="60x60" href="{{ asset('assets/favicon/apple-icon-60x60.png') }}">
  51.     <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('assets/favicon/apple-icon-72x72.png') }}">
  52.     <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('assets/favicon/apple-icon-76x76.png') }}">
  53.     <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('assets/favicon/apple-icon-114x114.png') }}">
  54.     <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('assets/favicon/apple-icon-120x120.png') }}">
  55.     <link rel="apple-touch-icon" sizes="144x144" href="{{ asset('assets/favicon/apple-icon-144x144.png') }}">
  56.     <link rel="apple-touch-icon" sizes="152x152" href="{{ asset('assets/favicon/apple-icon-152x152.png') }}">
  57.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/favicon/apple-icon-180x180.png') }}">
  59.     <link rel="icon" type="image/png" sizes="192x192" href="{{ asset('assets/favicon/android-icon-192x192.png') }}">
  60.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/favicon/favicon-32x32.png') }}">
  61.     <link rel="icon" type="image/png" sizes="96x96" href="{{ asset('assets/favicon/favicon-96x96.png') }}">
  62.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/favicon/favicon-16x16.png') }}">
  64.     <link rel="manifest" href="{{ asset('manifest.json') }}">
  66.     {# STYLESHEETS #}
  67.     {% set google_fonts = "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400" %}
  69.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  70.     <link rel="preload" as="style" href="{{ google_fonts }}&display=swap" />
  71.     <link rel="stylesheet" href="{{google_fonts}}&display=swap" media="print" onload="this.media='all'" />
  73.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
  74.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
  77.     {{ encore_entry_link_tags('app_base') }}
  79.     {# GOOGLE FONTS #}
  80.     {% block stylesheets %}{% endblock %}
  82.     <script src="{{ asset('assets/vendor/tarteaucitron-1.2/tarteaucitron.js') }}"></script>
  85.     <script>
  86.         let base_variables = {
  87.             'cookies': {
  88.                 'privacy_url': "{{ pages.notice.uri|default('/') }}",
  89.                 'read_more_url': "{{ pages.notice.uri|default('/') }}",
  90.                 'google_analytics': "{{ configuration.googleAnalytics }}",
  91.                 'addThis': "{{ configuration.addThis }}",
  92.                 'pixel_facebook': "{{ configuration.pixelFacebook }}",
  93.                 'recaptcha': "{{ configuration.reCaptchaClient }}",
  94.             },
  95.             'popin': {
  96.                 'use_popin': "{{ pages.list.general.usePopin }}",
  97.                 'use_cookie_popin': "{{ pages.list.general.useCookiePopin }}",
  98.                 'popin_cookie_name': "{{ pages.list.general.popinCookieName }}",
  99.             },
  100.             'url': {
  101.                 'newsletter': "{{ path('app_ajax_newsletters') }}"
  102.                 {#    'search_autocomplete': "{{ path('app_ajax_search_autocomplete') }}",#}
  103.                 {#    'search': "{{ pages.list.page_default_5fbd44708c3a3.translate(languages.locale).uri|path(languages) }}"#}
  104.             }
  105.         };
  107.         let user_variables = {
  108.             'uri': {
  109.                 'login': "{{ path('user_connect') }}",
  110.                 'register': "{{ path('user_register') }}",
  111.                 'register_notification': "{{ path('user_register_notification') }}",
  112.                 'admin': "/4DM1n157R4710N",
  113.             }
  114.         };
  116.         let shop_variables = {
  117.             'url': {
  118.                 'product_favourite_actions': '',
  119.                 'product_favoris_add': "{{ path('shopping_product_favoris_add') }}",
  120.                 'product_favoris_remove': "{{ path('shopping_product_favoris_remove') }}",
  121.                 'cart_product_add': "{{ path('shopping_cart_product_add') }}",
  122.                 'cart_product_update': "{{ path('shopping_cart_product_update') }}",
  123.                 'cart_product_remove': "{{ path('shopping_cart_product_remove') }}"
  124.             },
  125.             'messages': {
  126.                 'cart_button_update': "Mettre à jour",
  127.                 'cart_button_remove': "x",
  129.                 'cart_button_error_stock': "Stock insuffisant",
  130.                 'cart_button_error_fire': "Une erreur est survenue",
  131.             }
  132.         };
  133.     </script>
  135.     {# Facebook Pixel Code #}
  136.     <script>
  137.         !function(f,b,e,v,n,t,s)
  138.         {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  139.             n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  140.             if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  141.             n.queue=[];t=b.createElement(e);t.async=!0;
  142.             t.src=v;s=b.getElementsByTagName(e)[0];
  143.             s.parentNode.insertBefore(t,s)}(window, document,'script',
  144.             'https://connect.facebook.net/en_US/fbevents.js');
  145.         fbq('init', '324766674855803');
  146.         fbq('track', 'PageView');
  147.     </script>
  148.     <noscript>
  149.         <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=324766674855803&ev=PageView&noscript=1" />
  150.     </noscript>
  153.     {# TARTEAUCITRON #}
  154.     <script>
  155.         /**
  156.          * Gestion des cookies
  157.          */
  158.         tarteaucitron.init({
  159.             "privacyUrl": base_variables['cookies']['privacy_url'],
  161.             "hashtag": "#tarteaucitron",
  162.             "cookieName": "tarteaucitron",
  164.             "orientation": "bottom",
  165.             "showAlertSmall": false,
  166.             "cookieslist": true,
  168.             "adblocker": false,
  169.             "AcceptAllCta": true,
  170.             "highPrivacy": true,
  171.             "handleBrowserDNTRequest": false,
  173.             "removeCredit": true,
  174.             "moreInfoLink": true,
  175.             "useExternalCss": false,
  177.             "readmoreLink": base_variables['cookies']['read_more_url']
  178.         });
  181.         /**
  182.          * Gestions des cookies - Options
  183.          */
  184.         if (base_variables['cookies']['google_analytics'] != '') {
  186.             tarteaucitron.user.gtagUa = base_variables['cookies']['google_analytics'];
  187.             tarteaucitron.user.gtagMore = function () {
  188.             };
  189.             (tarteaucitron.job = tarteaucitron.job || []).push('gtag');
  190.         }
  192.         if (base_variables['cookies']['addThis'] != '') {
  194.             tarteaucitron.user.addthisPubId = base_variables['cookies']['addThis'];
  195.             (tarteaucitron.job = tarteaucitron.job || []).push('addthis');
  196.         }
  198.         if (base_variables['cookies']['pixel_facebook'] != '') {
  200.             tarteaucitron.user.facebookpixelId = base_variables['cookies']['pixel_facebook'];
  201.             tarteaucitron.user.facebookpixelMore = function () {
  203.             };
  204.             (tarteaucitron.job = tarteaucitron.job || []).push('facebookpixel');
  205.         }
  207.         if (base_variables['cookies']['recaptcha'] != '') {
  209.             (tarteaucitron.job = tarteaucitron.job || []).push('recaptcha');
  210.         }
  211.     </script>
  212. </head>
  213. <body>
  215. {% include '@app/includes/page_loader.html.twig' %}
  217. {% block content %}{% endblock %}
  220. <div id="modal-association-list"></div>
  222. {% if pages.list.general.usePopin == 1 %}
  223.     <div id="modal-cancel" class="modal modal-cancel-wrapper">
  224.         <div class="modal-cancel">
  226.             <div class="modal-container">
  227.                 <div class="modal-content">
  229.                     <button id="modal-close" class="modal-close" aria-label="Fermer">
  230.                         <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  231.                              focusable="false" data-prefix="fas"
  232.                              data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" viewBox="0 0 352 512">
  233.                             <path fill="currentColor"
  234.                                   d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/>
  235.                         </svg>
  236.                     </button> {# /.modal-close #}
  238.                     {% if  pages.list.general.usePopinRedirect == 1 %}<a
  239.                             href="{{ pages.list.general.popinRedirect }}">{% endif %}
  240.                         <img src="{{ asset('assets/media/images/uploads/' ~  pages.list.general.popin|striptags) }}"
  241.                              alt="{{ pages.list.general.popinAlt|striptags }}">
  242.                         {% if  pages.list.general.usePopinRedirect == 1 %}</a>{% endif %}
  243.                 </div> {# /.modal-content #}
  244.             </div> {# /.modal-container #}
  246.         </div> {# /.modal-cancel #}
  247.     </div> {# /.modal #}
  248. {% endif %}
  250. <div id="modal-appli" class="modal modal-appli">
  251.     <div class="modal-container">
  252.         <div class="modal-header">
  253.             <p class="modal-title">Téléchargez notre application</p>
  254.             <button class="btn-appli btn-cancel">
  255.                 <i class="fas fa-times"></i>
  256.             </button>
  257.         </div>
  258.         <div class="modal-content">
  259.             <a href="https://play.google.com/store/apps/details?id=fr.inithy.sanoa&gl=FR" class="btn" rel="noopener" target="_blank">
  260.                 <img src="{{ asset('assets/media/images/core/google.png') }}" alt="Disponible sur Google play">
  261.             </a>
  263.             <a href="https://apps.apple.com/fr/app/sanoa/id1542362480" class="btn" rel="noopener" target="_blank">
  264.                 <img src="{{ asset('assets/media/images/core/ios.png') }}" alt="Disponible sur App Store">
  265.             </a>
  266.         </div>
  267.     </div>
  268. </div>
  270. {# JAVASCRIPTS #}
  271. <script src="{{ asset('assets/vendor/jquery-3.5.1/js/jquery.min.js') }}"></script>
  272. <script src="{{ asset('assets/vendor/popper-1.12.9/js/popper.min.js') }}"></script>
  273. <script src="{{ asset('assets/vendor/bootstrap-4.5.2/js/bootstrap.min.js') }}"></script>
  275. {# <script src="{{ asset('assets/vendor/jquery-ui-1.12.1/js/jquery-ui.min.js') }}"></script> #}
  276. {# <script src="{{ asset('assets/vendor/jquery-selectric-1.13.0/js/selectric.min.js') }}"></script> #}
  277. {# <script src="{{ asset('assets/vendor/select2-4.0.5/js/select2.min.js') }}"></script> #}
  279. <script src="{{ asset('assets/vendor/jquery-validate-1.19.0/js/validate.min.js') }}"></script>
  280. <script src="{{ asset('assets/vendor/jquery-validate-1.19.0/js/additional-methods.min.js') }}"></script>
  281. <script src="{{ asset('assets/vendor/jquery-validate-1.19.0/js/localization/messages_fr.min.js') }}"></script>
  283. <script src="{{ asset('assets/vendor/aos-3.0.0/js/aos.min.js') }}"></script>
  284. {# <script src="{{ asset('assets/vendor/bootstrap-tagsinput/js/bootstrap-tagsinput.min.js') }}"></script> #}
  285. <script src="{{ asset('assets/vendor/lightslider-1.1.6/js/lightslider.min.js') }}"></script>
  286. {# <script src="{{ asset('assets/vendor/slick-1.8.1/js/slick.min.js') }}"></script> #}
  287. {# <script src="{{ asset('assets/vendor/lightslider-1.1.6/js/lightslider.min.js') }}"></script> #}
  288. <script src="{{ asset('assets/vendor/skrollr/js/skrollr.min.js') }}"></script>
  290. <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  292. <script type="application/ld+json">
  293.         {
  294.             "@context" : "http://schema.org",
  295.             "@type" : "LocalBusiness",
  296.               {% if configuration.organizationLogo != '' %}"image" : "{{ uri.protocol ~ uri.host ~ '/assets/media/images/uploads/' ~ configuration.organizationLogo }}",{% endif %}
  297.               {% if configuration.organizationName != '' %}"name" : "{{ configuration.organizationName }}",{% endif %}
  298.               {% if configuration.organizationDescription|striptags != '' %}"description" : "{{ configuration.organizationDescription|striptags }}",{% endif %}
  299.               {% if configuration.organizationUrl  != '' %}"url" : "{{ configuration.organizationUrl }}",{% endif %}
  300.               {% if configuration.organizationPriceRange  != '' %}"priceRange" : "{{ configuration.organizationPriceRange }}",{% endif %}
  301.               {% if configuration.organizationEmail != '' %}"email": "{{ configuration.organizationEmail }}",{% endif %}
  302.               {% if configuration.organizationFax != '' %}"faxNumber": "{{ configuration.organizationFax }}",{% endif %}
  303.               {% if configuration.organizationPhone != '' %}"telephone": "{{ configuration.organizationPhone }}",{% endif %}
  304.               "openingHours": [
  305.               "{{ configuration.organizationOpenHours1 }}",
  306.               "{{ configuration.organizationOpenHours2 }}",
  307.               "{{ configuration.organizationOpenHours3 }}",
  308.               "{{ configuration.organizationOpenHours4 }}",
  309.               "{{ configuration.organizationOpenHours5 }}",
  310.               "{{ configuration.organizationOpenHours6 }}",
  311.               "{{ configuration.organizationOpenHours7 }}"
  312.             ],
  313.             "address": {
  314.             "@type": "PostalAddress",
  315.             {% if configuration.organizationAddressCity != '' %}"addressLocality": "{{ configuration.organizationAddressCity }}",{% endif %}
  316.             {% if configuration.organizationAddressPostcode != '' %}"postalCode": "{{ configuration.organizationAddressPostcode }}",{% endif %}
  317.             {% if configuration.organizationAddressStreet != '' %}"streetAddress": "{{ configuration.organizationAddressStreet }}"{% endif %}
  318.             },
  319.             "sameAs" :
  320.               [
  321.                 {% if configuration.snFacebook != '' %}"{{ configuration.snFacebook|striptags }}"{% if configuration.snTwitter != ''  or configuration.snInstagram != ''  or configuration.snYoutube != '' %},{% endif %}{% endif %}
  322.                 {% if configuration.snTwitter != '' %}"{{ configuration.snTwitter|striptags }}"{% if configuration.snInstagram != ''  or configuration.snYoutube != '' %},{% endif %}{% endif %}
  323.                 {% if configuration.snInstagram != '' %}"{{ configuration.snInstagram|striptags }}"{% if configuration.snYoutube != '' %},{% endif %}{% endif %}
  324.                 {% if configuration.snYoutube != '' %}"{{ configuration.snYoutube|striptags }}"{% endif %}
  325.               ]
  326.         }
  332. </script>
  337. {{ encore_entry_script_tags('app_base') }}
  338. {{ encore_entry_script_tags('user_base') }}
  339. {{ encore_entry_script_tags('shop_base') }}
  341. {% block javascripts %}{% endblock %}
  342. </body>
  343. </html>