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

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