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

Open in your IDE?
  1. {% extends '@DcSite/Ford/base.html.twig' %}
  2. {% block seo %}
  3.     <title>{{ seoMeta.title ??'car.configuration_page.seo.title'|trans({
  4.             '%car%' : model.fullName,
  5.             '%year%' : model.year,
  6.             '%dealer%' : dealer.nameByLocale(app.request.locale),
  7.         }, 'dc_base') }}</title>
  8.     <meta name="description" content="{{ seoMeta.description ?? 'car.configuration_page.seo.description'|trans({
  9.             '%car%' : model.fullName,
  10.             '%year%' : model.year,
  11.             '%dealer%' : dealer.nameByLocale(app.request.locale),
  12.         }, 'dc_base') }}" />
  13.     {% if model.noindexFollow %}
  14.         <meta name="robots" content="noindex, follow" />
  15.     {% endif %}
  16. {% endblock seo %}
  17. {% block ogtagDynamic %}
  18.     <meta property="og:title" content=" {{ seoMeta.title ?? 'car.configuration_page.seo.title'|trans({
  19.         '%car%' : model.fullName,
  20.         '%year%' : model.year,
  21.         '%dealer%' : dealer.nameByLocale(app.request.locale),
  22.     }, 'dc_base') }}"/>
  23.     <meta property="og:description" content="{{ seoMeta.description ?? 'car.configuration_page.seo.description'|trans({
  24.         '%car%' : model.fullName,
  25.         '%year%' : model.year,
  26.         '%dealer%' : dealer.nameByLocale(app.request.locale),
  27.     }, 'dc_base') }}"/>
  28. {% endblock ogtagDynamic %}
  29. {% block css %}
  30.     <link rel="stylesheet"  href="{{ asset('/bundles/dcsite/css/modules/NEW_CARD_CAR/base.css') }}"/>
  31.     <link rel="stylesheet" media="all" href="{{ asset('/bundles/dcsite/css/modules/NEW_CARD_CAR/color.css') }}"/>
  32.     <link rel="stylesheet" media="all" href="{{ asset('/bundles/dcsite/css/modules/car/equipment-comparing.css') }}"/>
  33.     <link rel="stylesheet"  href="{{ asset('/bundles/dcsite/css/ford/car/card-car.css') }}"/>
  34.     <link rel="stylesheet"  href="{{ asset('/bundles/dcsite/css/ford/car/color.css') }}"/>
  35.     <link rel="stylesheet"  href="{{ asset('/bundles/dcsite/css/modules/car/car-card_v3.css') }}"/>
  36. {% endblock %}
  37. {% block content %}
  38.     <section class="breadcrumbs">
  39.         <div class="container">
  40.             <div class="row">
  41.                 <div class="col-12">
  42.                     <div class="vidi_breadcrumbs">
  43.                         <a itemprop="url" href="{{ path('ford_homepage') }}">
  44.                             <span itemprop="title">{{ 'pages.base.main'|trans({}, 'dc_ford') }}</span>
  45.                         </a>
  46.                         <span class="bc_sep"> → </span>
  47.                         {#{% if model.category.id == 2 %}#}
  48.                             {#<a href="{{ path('ford_model_catalog_category', { category : 'komertsijni-avto' }) }}">#}
  49.                                 {#<span itemprop="title">{{ 'pages.base.comerc_car'|trans({}, 'dc_ford') }}</span>#}
  50.                             {#</a>#}
  51.                         {#{% else %}#}
  52.                             <a href="{{ path('ford_list_cars') }}">
  53.                                 <span itemprop="title">{{ 'pages.base.cars'|trans({}, 'dc_ford') }}</span>
  54.                             </a>
  55.                         {#{% endif %}#}
  56.                         <span class="bc_sep"> → </span>
  57.                         <span class="bc_title">{{ model.fullName }}</span>
  58.                     </div>
  59.                 </div>
  60.             </div>
  61.         </div>
  62.     </section>
  63.     <main class="new__car-car">
  64.         <section class="main-card-car section-padding" id="gallery">
  65.             <div class="container">
  66.                 <div class="row">
  67.                     <div class="col-md-12 car-name">
  68.                         <h1>
  69.                             {% if seoMeta.h1 %}
  70.                                 {{ seoMeta.h1 }}
  71.                             {% else %}
  72.                                 {{ 'car.equipments_prices'|trans({}, 'dc_base') }}
  73.                                 {{ model.fullName }}
  74.                                 {% if model.hasHybrid %}
  75.                                     <span class="car-hybrid"> {{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}</span>
  76.                                 {% endif %}
  77.                             {% endif %}
  78.                         </h1>
  79.                     </div>
  80.                 </div>
  81.             </div>
  82.         </section>
  83.         <div class="navs sticky-top" id="nav-manu">
  84.             <div class="container">
  85.                 <div class="row">
  86.                     <div class="col-md-12">
  87.                         <ul class="navs-list mobile-scroll">
  88.                             <li class="navs-list-li">
  89.                                 <a href="#compare" class="navs-list-link">{{ 'car_page.new.complectation'|trans({}, 'dc_base') }}</a>
  90.                             </li>
  91.                             <li class="navs-list-li">
  92.                                 <a href="#vehiclePrice" class="navs-list-link">{{ 'car_page.new.price'|trans({}, 'dc_base') }}</a>
  93.                             </li>
  94.                             <li class="navs-list-li">
  95.                                 <a href="#th" class="navs-list-link">{{ 'car_page.new.tech'|trans({}, 'dc_base') }}</a>
  96.                             </li>
  97.                             <li class="navs-list-li">
  98.                                 <a href="{{ path('ford_one_car', {car: model.url}) }}" class="navs-list-link">{{ 'car_page.new.overview'|trans({}, 'dc_base') }}</a>
  99.                             </li>
  100.                         </ul>
  101.                     </div>
  102.                 </div>
  103.             </div>
  104.         </div>
  105.         {% include '@DcSite/Modules/car/equipment-comparing.html.twig' %}
  106.         {# {% include '@DcSite/Modules/car/prices.html.twig' %} #}
  107.         {% include '@DcSite/Modules/vehicle/vehicle-price.html.twig' %}
  108.         {% include '@DcSite/Modules/car/tech.html.twig' %}
  109.     </main>
  110. {% endblock %}
  111. {% block pageJS %}
  112.     <script>
  113.         app.onCustomEvent('appInit', function () {
  114.             $('[data-toggle="tooltip"]').tooltip();
  115.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/NEW_CARD_CAR/base.css') }}');
  116.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/base-style/form-control.css') }}');
  117.             app.loadJs('{{ asset('/bundles/core/js/modules/slick/slick.js') }}');
  118.             app.loadJs('{{ asset('bundles/dcsite/js/compare.js') }}',function () {
  119.                 initCompareModule({
  120.                     moduleCss: [
  121.                         '{{ asset('/bundles/dcsite/css/modules/car/car-comparing.css') }}',
  122.                         '{{ asset('/bundles/core/css/bootstrap_build/tables.css') }}',
  123.                         '{{ asset('/bundles/core/css/modules/slick/slick.css') }}',
  124.                     ],
  125.                     initUrl: '{{ path('base_get_model_equipments', {id: model.vehicleId}) }}',
  126.                 });
  127.             });
  128.             app.loadJs('{{ asset('/bundles/dcsite/js/modules/vehicle/vehicle-price.js') }}', function () {
  129.                 initVehiclePrices({
  130.                     vehiclePrice: '{{ vehiclePrice|json_encode_replace|raw }}',
  131.                 });
  132.             });
  133.             app.lazyInit.lazyInit('th', function () {
  134.                 app.loadJs('{{ asset('/bundles/dcsite/js/modules/car/tech.js') }}',function () {
  135.                     initTechModule({
  136.                         initUrl: '{{ path('base-car-tech-load', {id: model.vehicleId}) }}',
  137.                     });
  138.                 });
  139.             });
  140.             $(window).scroll(function(){
  141.                 var $sections = $('section');
  142.                 $sections.each(function(i,el){
  143.                     var top  = $(el).offset().top-150-20;
  144.                     var bottom = top +$(el).height();
  145.                     var scroll = $(window).scrollTop();
  146.                     var id = $(el).attr('id');
  147.                     if( scroll > top && scroll < bottom){
  148.                         $('#nav-manu a.active').removeClass('active');
  149.                         $('#nav-manu a[href="#'+id+'"]').addClass('active');
  150.                     }
  151.                 })
  152.             });
  153.             $('#nav-manu a[href^="#"]').bind("click", function(e){
  154.                 var anchor = $(this);
  155.                 $('html, body').stop().animate({
  156.                     scrollTop: $(anchor.attr('href')).offset().top-50
  157.                 }, 750);
  158.                 e.preventDefault();
  159.             });
  160.         });
  161.     </script>
  162. {% endblock pageJS %}