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('{{ asset('bundles/core/js/modules/slick/slick.js') }}', function () {
  95.                 var $navCarsSlider = $('.lineup-nav');
  97.                 $navCarsSlider.slick({
  98.                     dots: false,
  99.                     slidesToScroll: 1,
  100.                     slidesToShow: 5,
  101.                     variableWidth: true,
  102.                     centerMode: false,
  103.                     autoplay: false,
  104.                     infinite: false,
  105.                 });
  107.                 $navCarsSlider.click(function(e) {
  108.                     e.stopPropagation();
  109.                 });
  110.             });
  112.             app.loadJs('/bundles/dcsite/js/modules/callback/callback-vue.js', function () {
  113.                 callbackRequest({
  114.                     initUrl: '{{ path('callback_widget_init') }}',
  115.                     createUrl: '{{ path('callback_widget_create_request') }}',
  116.                     getStateUrl: '{{ path('callback_widget_get_state') }}',
  117.                     privacyUrl: '{{ privacyUrl }}',
  118.                     callBackMinute: '{{ 'callback_widget.title'|trans({}, 'dc_base')|raw }}',
  119.                     callBackWorkingHours: '{{ 'callback_widget.working_hours'|trans({}, 'dc_base') }}'
  120.                 });
  121.             });
  122.             {#app.loadJs('{{ asset('bundles/my/js/cookies-warning.js') }}', function () {#}
  123.             {#    initCookiesWarning({#}
  124.             {#        policyUrl: "{{ privacyUrl }}",#}
  125.             {#    });#}
  126.             {#});#}
  129.             // TABS
  130.             $('.js-tab-wrap').each(function() {
  131.                 $(this).find('.js-tab-tab').hide().eq(0).show();
  132.             });
  134.             $('.js-tab-btn').click(function() {
  135.                 console.log(999);
  136.                 var idx = $(this).index();
  138.                 $(this).addClass('--active')
  139.                         .siblings().removeClass('--active');
  141.                 $(this).closest('.js-tab-wrap').find('.js-tab-tab').hide().eq(idx).show();
  142.             });
  144.             $('.main-menu__drop').click(function(e) {
  145.                 e.stopPropagation();
  146.             });
  148.         });
  150.         function initHeaderHandlers() {
  151.             $('body').click(function(e) {
  152.                 if (!e.target.closest('.main-menu__link')) {
  153.                     $('.main-menu__drop').removeClass('--opened');
  154.                 }
  155.             });
  157.             $('.main-menu__link.--drop').click(function(e) {
  158.                 e.preventDefault();
  160.                 var $dropMenu = $(this).siblings('.main-menu__drop');
  161.                 var isOpened = $dropMenu.hasClass('--opened');
  163.                 $('.main-menu__drop').removeClass('--opened');
  165.                 if (!isOpened) {
  166.                     $(this).siblings('.main-menu__drop').addClass('--opened');
  167.                 }
  168.             });
  170.             $('.dropmenu__link.--has-sub').click(function(e) {
  171.                 e.preventDefault();
  172.                 e.stopPropagation();
  174.                 $(this).closest('.dropmenu').find('.dropmenu__item').removeClass('--active');
  175.                 $(this).closest('.dropmenu__item').addClass('--active');
  176.             });
  179.             $('.navbar-toggler').on('click', function() {
  180.                 var navSelector = document.querySelector('.main-nav');
  181.                 var headerHeight = $('.main-nav')[0].getBoundingClientRect().top;
  183.                 $(this).toggleClass('collapsed');
  184.                 $('.main-nav').toggleClass('--opened');
  186.                 $('body').toggleClass('--nav-opened');
  187.                 navSelector.style.setProperty('--headerHeight', headerHeight + 'px');
  188.             });
  190.             $('.js-scroll-link').click(function(e) {
  191.                 e.preventDefault();
  193.                 var blockId = $(this).attr('href');
  194.                 $('html, body').stop().animate({
  195.                     scrollTop: $(blockId).offset().top-50
  196.                 }, 750);
  197.             });
  199.         }
  200.     </script>
  202.     <script type="application/ld+json">
  203.         {
  204.             "@context": "https://schema.org/",
  205.             "@type": "WebSite",
  206.             "name": "{{ dealer.brand.name }}",
  207.             "url": "{{ app.request.uri }}"
  208.         }
  210.     </script>
  212.     <script type="application/ld+json">
  213. {
  214.   "@context": "https://schema.org",
  215.   "@type": "AutoDealer",
  216.   "name": "{{ dealer.brand.name }}",
  217.   "image": "//{{ app.request.httpHost }}{{ sonata_path(dealer.brand.logo, 'reference') }}",
  218.   "url": "{{ app.request.uri }}",
  219.   "telephone": "{{ dealer.phone }}",
  220.   "address": {
  221.     "@type": "PostalAddress",
  222.     "streetAddress": " {{ dealer.addressUa }}",
  223.     "addressLocality": "Київ"
  224.   },
  225.   "sameAs": [
  226.     "{{ dealer.linkFacebook }}",
  227.     "{{ dealer.linkInstagram }}",
  228.     "{{ dealer.linkYoutube }}"
  229.   ]
  230. }
  233.     </script>
  235.     <script type="application/ld+json">
  236.         {
  237.             "@context": "https://schema.org",
  238.             "@type": "Organization",
  239.             "url": "{{ app.request.uri }}",
  240.             "logo": "{{ absolute_url(asset('bundles/dcsite/img/opel/logo.png')) }}"
  241.         }
  242.     </script>
  246.     {% block pageJS %}
  247.     {% endblock pageJS %}
  249. {% endblock coreBottomJs %}