src/DcSiteBundle/Resources/views/Jaguar/Car/configuration.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Jaguar/base.html.twig' %}
  3. {% block title %}
  4.     <title>
  5.         {{ 'car.configuration_page.seo.title'|trans({
  6.             '%car%' : model.fullName,
  7.             '%year%' : model.year,
  8.             '%dealer%' : dealer.nameByLocale(app.request.locale),
  9.         }, 'dc_base') }}
  10.     </title>
  11. {% endblock title %}
  13. {% block seo %}
  14.     <meta name="description" content="{{ 'car.configuration_page.seo.description'|trans({
  15.             '%car%' : model.fullName,
  16.             '%year%' : model.year,
  17.             '%dealer%' : dealer.nameByLocale(app.request.locale),
  18.         }, 'dc_base') }}" />
  19.     {% if model.noindexFollow %}
  20.         <meta name="robots" content="noindex, follow" />
  21.     {% endif %}
  22. {% endblock seo %}
  24. {% block ogtagDynamicImage %}
  25.     <meta property="og:image" content="//{{ app.request.host }}{{ sonata_path(model.preview, 'reference') }}"/>
  26. {% endblock ogtagDynamicImage %}
  28. {% block ogtagDynamic %}
  29.     <meta property="og:title" content="{% if model.seoTitle(app.request.locale) %}{{ model.seoTitle(app.request.locale) }}{% else %}{{ 'seo.main.title'|trans({}, 'dc_jaguar') }}{% endif %}"/>
  30.     <meta property="og:description" content="{% if model.seoDescription(app.request.locale) %}{{ model.seoDescription(app.request.locale) }}{% else %}{{ 'seo.main.description'|trans({}, 'dc_jaguar') }}{% endif %}"/>
  31. {% endblock ogtagDynamic %}
  33. {% block css %}
  34.     <link rel="stylesheet" media="all" href="{{ asset('/bundles/dcsite/css/modules/NEW_CARD_CAR/color.css') }}"/>
  35.     <link rel="stylesheet" media="all" href="{{ asset('/bundles/dcsite/css/modules/car/equipment-comparing.css') }}"/>
  36.     <link rel="stylesheet"  href="{{ asset('/bundles/dcsite/css/modules/car/car-card_v3.css') }}"/>
  37. {% endblock %}
  39. {% block content %}
  40.     <section class="breadcrumbs__new">
  41.         <div class="container">
  42.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  43.                 <li class="marker__none" itemprop="itemListElement" itemscope
  44.                     itemtype="https://schema.org/ListItem">
  45.                     <a itemprop="item" href="{{ path('jaguar_homepage') }}">
  46.                         <span class="breadcrumbs__link" itemprop="name">JAGUAR</span></a>
  47.                     <meta itemprop="position" content="1"/>
  48.                 </li>
  50.                 <div class="arrow-bc"> › </div>
  51.                 <li class="marker__none" itemprop="itemListElement" itemscope
  52.                     itemtype="https://schema.org/ListItem">
  53.                     <a itemprop="item" href="{{ path('jaguar_model_lineup') }}">
  54.                         <span class="breadcrumbs__link" itemprop="name">Модельний ряд</span></a>
  55.                     <meta itemprop="position" content="2"/>
  56.                 </li>
  58.                 <div class="arrow-bc"> › </div>
  59.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  60.                     itemtype="https://schema.org/ListItem">
  61.                     <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ model.fullName }}</span>
  62.                     <meta itemprop="position" content="3"/>
  63.                 </li>
  64.             </ol>
  65.         </div>
  66.     </section>
  68.     <main class="new__car-car page-complectations">
  70.         <section class="main-card-car section-padding" id="gallery">
  71.             <div class="container">
  72.                 <div class="row">
  73.                     <div class="col-md-12 car-name">
  74.                         <h1>
  75.                             {{ 'car.equipments_prices'|trans({}, 'dc_base') }}
  76.                             {{ model.fullName }}
  77.                             {% if model.hasHybrid %}
  78.                                 <span class="car-hybrid"> {{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}</span>
  79.                             {% endif %}
  80.                         </h1>
  81.                     </div>
  82.                 </div>
  83.             </div>
  84.         </section>
  86.         <div class="navs sticky-top" id="nav-manu">
  87.             <div class="container">
  88.                 <div class="row">
  89.                     <div class="col-md-12">
  90.                         <ul class="navs-list mobile-scroll">
  92.                             <li class="navs-list-li">
  93.                                 <a href="#compare" class="navs-list-link">{{ 'car_page.new.complectation'|trans({}, 'dc_base') }}</a>
  94.                             </li>
  95.                             <li class="navs-list-li">
  96.                                 <a href="#vehiclePrice" class="navs-list-link">{{ 'car_page.new.price'|trans({}, 'dc_base') }}</a>
  97.                             </li>
  98.                             <li class="navs-list-li">
  99.                                 <a href="#th" class="navs-list-link">{{ 'car_page.new.tech'|trans({}, 'dc_base') }}</a>
  100.                             </li>
  101.                             <li class="navs-list-li">
  102.                                 <a href="{{ path('jaguar_card_car', {car: model.url}) }}" class="navs-list-link">{{ 'car_page.new.overview'|trans({}, 'dc_base') }}</a>
  103.                             </li>
  104.                         </ul>
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.         </div>
  110.         {% include '@DcSite/Modules/car/equipment-comparing.html.twig' %}
  111. {#        {% include '@DcSite/Modules/car/prices.html.twig' %}#}
  112.         {% include '@DcSite/Modules/vehicle/vehicle-price.html.twig' %}
  113.         {% include '@DcSite/Modules/car/tech.html.twig' %}
  116.         <section class="lead-magnets section-padding bg-grey pb-0"  >
  117.             <div class="container">
  118.                 <div class="row">
  119.                     <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
  120.                         <a href="#" data-toggle="modal" data-target="#order-call" class="lead-magnets-btn">
  121.                             <div class="lead-magnets-img flexbox-wrapper">
  122.                                 <span class="wrap-icon">
  123.                                     <i class="icon-lr icon-phone"></i>
  124.                                 </span>
  125.                             </div>
  126.                             <div>
  127.                                 <span class="lead-magnets-title text-center">{{ 'main.order_call'|trans({}, 'dc_jaguar') }}</span>
  128.                                 <p class="lead-magnets-subtitle">{{ 'main.order_call_desc'|trans({}, 'dc_jaguar') }}</p>
  129.                             </div>
  130.                         </a>
  131.                     </div>
  132. {#                    <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">#}
  133. {#                        <a href="{{ path('jaguar_service_consultation') }}" class="lead-magnets-btn">#}
  134. {#                            <div class="lead-magnets-img flexbox-wrapper">#}
  135. {#                                <span class="wrap-icon">#}
  136. {#                                    <i class="icon-lr icon-ignite-drive"></i>#}
  137. {#                                </span>#}
  138. {#                            </div>#}
  139. {#                            <div>#}
  140. {#                                <span class="lead-magnets-title text-center">{{ 'main.assign_td'|trans({}, 'dc_jaguar') }}</span>#}
  141. {#                                <p class="lead-magnets-subtitle">{{ 'main.assign_td_descr'|trans({}, 'dc_jaguar') }}</p>#}
  142. {#                            </div>#}
  143. {#                        </a>#}
  144. {#                    </div>#}
  145.                     <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
  146.                         <a href="{{ path('jaguar_service_order_to') }}" class="lead-magnets-btn">
  147.                             <div class="lead-magnets-img flexbox-wrapper">
  148.                                 <span class="wrap-icon">
  149.                                     <i class="icon-lr icon-service"></i>
  150.                                 </span>
  151.                             </div>
  152.                             <div>
  153.                                 <span class="lead-magnets-title text-center">{{ 'main.assign_to'|trans({}, 'dc_jaguar') }}</span>
  154.                                 <p class="lead-magnets-subtitle">{{ 'main.assign_to_descr'|trans({}, 'dc_jaguar') }}</p>
  155.                             </div>
  156.                         </a>
  157.                     </div>
  158.                 </div>
  159.             </div>
  160.         </section>
  161.     </main>
  162. {% endblock %}
  164. {% block pageJS %}
  165.     <script>
  166.         app.onCustomEvent('appInit', function () {
  167.             $('[data-toggle="tooltip"]').tooltip();
  168.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/NEW_CARD_CAR/base.css') }}');
  169.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/base-style/form-control.css') }}');
  170.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/car/car-comparing.css') }}');
  171.             app.loadCss('{{ asset('/bundles/core/css/bootstrap_build/tables.css') }}');
  172.             app.loadCss('{{ asset('/bundles/core/css/modules/slick/slick.css') }}');
  173.             app.loadJs('{{ asset('/bundles/core/js/modules/slick/slick.js') }}');
  175.             app.loadJs('{{ asset('bundles/dcsite/js/compare.js') }}',function () {
  176.                 initCompareModule({
  177.                     initUrl: '{{ path('base_get_model_equipments', {id: model.vehicleId}) }}',
  178.                 });
  179.             });
  181.             app.loadJs('{{ asset('/bundles/dcsite/js/modules/vehicle/vehicle-price.js') }}', function () {
  182.                 initVehiclePrices({
  183.                     vehiclePrice: '{{ vehiclePrice|json_encode_replace|raw }}',
  184.                 });
  185.             });
  187.             app.lazyInit.lazyInit('th', function () {
  188.                 app.loadJs('{{ asset('/bundles/dcsite/js/modules/car/tech.js') }}',function () {
  189.                     initTechModule({
  190.                         initUrl: '{{ path('base-car-tech-load', {id: model.vehicleId}) }}',
  191.                     });
  192.                 });
  193.             });
  195.             $(window).scroll(function(){
  196.                 var $sections = $('section');
  197.                 $sections.each(function(i,el){
  198.                     var top  = $(el).offset().top-150-20;
  199.                     var bottom = top +$(el).height();
  200.                     var scroll = $(window).scrollTop();
  201.                     var id = $(el).attr('id');
  202.                     if( scroll > top && scroll < bottom){
  203.                         $('#nav-manu a.active').removeClass('active');
  204.                         $('#nav-manu a[href="#'+id+'"]').addClass('active');
  205.                     }
  206.                 })
  207.             });
  208.             $('#nav-manu a[href^="#"]').bind("click", function(e){
  209.                 var anchor = $(this);
  210.                 $('html, body').stop().animate({
  211.                     scrollTop: $(anchor.attr('href')).offset().top-50
  212.                 }, 750);
  213.                 e.preventDefault();
  214.             });
  215.         });
  216.     </script>
  219. {% endblock pageJS %}