src/DcSiteBundle/Resources/views/Opel/base.html.twig line 1

Open in your IDE?
  1. {% extends '@Core/DCSite/core-dc-template.html.twig' %}
  3. {% block head %}
  4.     <link rel="preconnect" href="https://fonts.googleapis.com">
  5.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  6.     {% if INCLUDE_ANALYTICS %}
  7.     {% include '@DcSite/Modules/google-tag-manager.html.twig' with { 'domain': dealer.domain, 'gtmIdCode': 'GTM-NLF4MK6' } %}
  8.     {% endif %}
  9.     <link rel="apple-touch-icon" sizes="180x180" href="/bundles/dcsite/img/opel/favicon/apple-touch-icon.png">
  10.     <link rel="icon" type="image/png" sizes="32x32" href="/bundles/dcsite/img/opel/favicon/favicon-32x32.png">
  11.     <link rel="icon" type="image/png" sizes="16x16" href="/bundles/dcsite/img/opel/favicon/favicon-16x16.png">
  12.     <link rel="manifest" href="/bundles/dcsite/img/opel/favicon/site.webmanifest">
  13.     <link rel="mask-icon" href="/bundles/dcsite/img/opel/favicon/safari-pinned-tab.svg" color="#000000">
  14.     <meta name="msapplication-TileColor" content="#f7ff14">
  15.     <meta name="theme-color" content="#ffffff">
  16.     <meta name="google-site-verification" content="ezMlWNH_2JJl3gZJXHcTgPmyCjXKkkE6VLSuZj_Dm5g" />
  17.     <meta name="google-site-verification" content="PSTryPa94y72QcllqQsU7Yh9GP0XyWdd0kzxHBxdasg" />
  19.     {% block seo %}
  20.     {% endblock seo %}
  22.     {% include '@DcSite/Opel/preloader-css.html.twig' %}
  24.     <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
  26.     <script type="text/javascript">
  27.         (function (d,s,u,e,p) {
  28.           p=d.getElementsByTagName(s)[0],e=d.createElement(s),e.async=1,e.src=u,p.parentNode.insertBefore(e, p);
  29.         })(document, 'script', 'https://script.ringostat.com/v4/eb/ebe4aba3f4effa68c49ea2b0e089d2bd0082dfd1.js');
  30.         var pw = function() {if (typeof(ringostatAnalytics) === "undefined") {setTimeout(pw,100);} else {ringostatAnalytics.sendHit('pageview');}};
  31.         pw();
  32.     </script>
  34. {% endblock head %}
  36. {% block socialPreview %}
  38. {% endblock socialPreview %}
  40. {% block body %}
  41.     {% if INCLUDE_ANALYTICS %}
  42.     <!-- Google Tag Manager (noscript) -->
  43.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NLF4MK6"
  44.     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  45.     <!-- End Google Tag Manager (noscript) -->
  46.     {% endif %}
  48. <div class="container-fluid h-100">
  49.     <div class="row flex-column flex-nowrap page-wrapper">
  51.         {% include '@DcSite/Opel/header.html.twig' %}
  53.         <main>
  54.             {% block content %}
  55.             {% endblock content %}
  56.         </main>
  58.         {% include '@DcSite/Opel/leads.html.twig' %}
  59.         {% include '@DcSite/Opel/footer.html.twig' %}
  60.         {% include '@DcSite/Modules/order-call-popup.html.twig' %}
  61.         {% include '@DcSiteBundle/Modules/callback/widget.html.twig' %}
  62.         {% include '@DcSite/Modules/sps-popup.html.twig' %}
  63. {#        {% include '@My/Modules/cookies-warning.html.twig' %}#}
  64.     </div>
  65. </div>
  67.     {% block css %}
  68.     {% endblock %}
  70. {% endblock body %}
  74. {% block coreBottomJs %}
  76.     {% include '@DcSite/Modules/suChat/index.html.twig' with {'chatCode' : '4f471e02-fb62-4e41-b9cd-bb82f5e1cc91'} %}
  78.     <script>
  79.         app.onCustomEvent('coreCssLoaded', function () {
  80.             $('#preloader').hide();
  81.         });
  83.         app.onCustomEvent('appInit', function () {
  84.             app.loadCss('{{ asset('/bundles/dcsite/css/opel/modules/btn.css') }}');
  85.             app.loadCss('{{ asset('/bundles/dcsite/css/opel/modules/lead-magnets.css') }}');
  86.             app.loadCss('{{ asset('/bundles/dcsite/css/opel/style.css') }}');
  87.             app.loadCss('{{ asset('bundles/portal/css/slick/slick.css') }}');
  89.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/callback/timer-call.css') }}');
  92.             initHeaderHandlers();
  94.             app.loadJs('/bundles/dcsite/js/modules/callback/callback-vue.js', function () {
  95.                 callbackRequest({
  96.                     initUrl: '{{ path('callback_widget_init') }}',
  97.                     createUrl: '{{ path('callback_widget_create_request') }}',
  98.                     getStateUrl: '{{ path('callback_widget_get_state') }}',
  99.                     privacyUrl: '{{ privacyUrl }}',
  100.                     callBackMinute: '{{ 'callback_widget.title'|trans({}, 'dc_base')|raw }}',
  101.                     callBackWorkingHours: '{{ 'callback_widget.working_hours'|trans({}, 'dc_base') }}'
  102.                 });
  103.             });
  104.             {#app.loadJs('{{ asset('bundles/my/js/cookies-warning.js') }}', function () {#}
  105.             {#    initCookiesWarning({#}
  106.             {#        policyUrl: "{{ privacyUrl }}",#}
  107.             {#    });#}
  108.             {#});#}
  111.             // TABS
  112.             $('.js-tab-wrap').each(function() {
  113.                 $(this).find('.js-tab-tab').hide().eq(0).show();
  114.             });
  116.             $('.js-tab-btn').click(function() {
  117.                 console.log(999);
  118.                 var idx = $(this).index();
  120.                 $(this).addClass('--active')
  121.                         .siblings().removeClass('--active');
  123.                 $(this).closest('.js-tab-wrap').find('.js-tab-tab').hide().eq(idx).show();
  124.             });
  126.             $('.main-menu__drop').click(function(e) {
  127.                 e.stopPropagation();
  128.             });
  130.         });
  132.         function initHeaderHandlers() {
  133.             $('body').click(function(e) {
  134.                 if (!e.target.closest('.main-menu__link')) {
  135.                     $('.main-menu__drop').removeClass('--opened');
  136.                 }
  137.             });
  139.             $('.main-menu__link.--drop').click(function(e) {
  140.                 e.preventDefault();
  142.                 var $dropMenu = $(this).siblings('.main-menu__drop');
  143.                 var isOpened = $dropMenu.hasClass('--opened');
  145.                 $('.main-menu__drop').removeClass('--opened');
  147.                 if (!isOpened) {
  148.                     $(this).siblings('.main-menu__drop').addClass('--opened');
  149.                 }
  150.             });
  152.             $('.dropmenu__link.--has-sub').click(function(e) {
  153.                 e.preventDefault();
  154.                 e.stopPropagation();
  156.                 $(this).closest('.dropmenu').find('.dropmenu__item').removeClass('--active');
  157.                 $(this).closest('.dropmenu__item').addClass('--active');
  158.             });
  161.             $('.navbar-toggler').on('click', function() {
  162.                 var navSelector = document.querySelector('.main-nav');
  163.                 var headerHeight = $('.main-nav')[0].getBoundingClientRect().top;
  165.                 $(this).toggleClass('collapsed');
  166.                 $('.main-nav').toggleClass('--opened');
  168.                 $('body').toggleClass('--nav-opened');
  169.                 navSelector.style.setProperty('--headerHeight', headerHeight + 'px');
  170.             });
  172.             $('.js-scroll-link').click(function(e) {
  173.                 e.preventDefault();
  175.                 var blockId = $(this).attr('href');
  176.                 $('html, body').stop().animate({
  177.                     scrollTop: $(blockId).offset().top-50
  178.                 }, 750);
  179.             });
  181.         }
  182.     </script>
  184.     <script type="application/ld+json">
  185.         {
  186.             "@context": "https://schema.org/",
  187.             "@type": "WebSite",
  188.             "name": "{{ dealer.brand.name }}",
  189.             "url": "{{ app.request.uri }}"
  190.         }
  192.     </script>
  194.     <script type="application/ld+json">
  195. {
  196.   "@context": "https://schema.org",
  197.   "@type": "AutoDealer",
  198.   "name": "{{ dealer.brand.name }}",
  199.   "image": "//{{ app.request.httpHost }}{{ sonata_path(dealer.brand.logo, 'reference') }}",
  200.   "url": "{{ app.request.uri }}",
  201.   "telephone": "{{ dealer.phone }}",
  202.   "address": {
  203.     "@type": "PostalAddress",
  204.     "streetAddress": " {{ dealer.addressUa }}",
  205.     "addressLocality": "Київ"
  206.   },
  207.   "sameAs": [
  208.     "{{ dealer.linkFacebook }}",
  209.     "{{ dealer.linkInstagram }}",
  210.     "{{ dealer.linkYoutube }}"
  211.   ]
  212. }
  215.     </script>
  217.     <script type="application/ld+json">
  218.         {
  219.             "@context": "https://schema.org",
  220.             "@type": "Organization",
  221.             "url": "{{ app.request.uri }}",
  222.             "logo": "{{ absolute_url(asset('bundles/dcsite/img/opel/logo.png')) }}"
  223.         }
  224.     </script>
  228.     {% block pageJS %}
  229.     {% endblock pageJS %}
  231. {% endblock coreBottomJs %}