{% extends '@DcSite/Opel/template.html.twig' %}{% block head %} <title> {% if model.seoTitle(app.request.locale) %} {{ model.seoTitle(app.request.locale) }} {% else %} {{ 'seo.main.title'|trans({}, 'dc_opel') }} {% endif %} </title> <meta name="description" content="{% if model.seoDescription(app.request.locale) %}{{ model.seoDescription(app.request.locale) }}{% else %}{{ 'seo.main.desc'|trans({}, 'dc_opel') }}{% endif %}"/> {% if model.seoKeywords(app.request.locale) %} <meta name="keywords" content="{{ model.seoKeywords(app.request.locale) }}"/> {% endif %} {% if model.noindexFollow %} <meta name="robots" content="noindex, follow"/> {% endif %} <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/dcsite/opel/css/opelCarCard.css?{{ VERSION }}">{% endblock %}{% block ogtagDynamicImage %} <meta property="og:image" content="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}"/>{% endblock %}{% block ogtagDynamic %} <meta property="og:title" content="{% if model.seoTitle(app.request.locale) %}{{ model.seoTitle(app.request.locale) }}{% else %}{{ 'seo.main.title'|trans({}, 'dc_opel') }}{% endif %}"/> <meta property="og:description" content="{% if model.seoDescription(app.request.locale) %}{{ model.seoDescription(app.request.locale) }}{% else %}{{ 'seo.main.desc'|trans({}, 'dc_opel') }}{% endif %}"/>{% endblock %}{% block socialPreview %} <img src="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}" class="d-none">{% endblock %}{% block content %} <main class="new__car-car"> <div style="display: none" class="breadcrumbs__shadow"> <section class="breadcrumbs__new"> <div class="container"> <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="{{ path('opel_homepage') }}"> <span class="breadcrumbs__link" itemprop="name">opel</span> </a> <meta itemprop="position" content="1"/> </li> <div class="arrow-bcs"> ❯</div> <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span style="color: #837F7F;" class="breadcrumbs__link" itemprop="name">{{ model.fullName }}</span> <meta itemprop="position" content="2"/> </li> </ol> </div> </section> </div> <section class="breadcrumbs__new"> <div class="container"> <ol class="global_breadcrumbs__new"> <li class="marker__none"> <a href="{{ path('opel_homepage') }}"> <span class="breadcrumbs__link">opel</span> </a> </li> <div class="arrow-bcs"> ❯</div> <li class="marker__none"> <a href="{{ path('opel_model_lineup') }}"> <span class="breadcrumbs__link">{{ 'pages.model_lineup.breadcrumb_title'|trans({}, 'dc_opel') }}</span> </a> </li> <div class="arrow-bcs"> ❯</div> <li class="marker__none"> <span style="color: #837F7F;" class="breadcrumbs__link">{{ model.fullName }}</span> </li> </ol> </div> </section> <div class="page-car-card"> <div class="container"> <div class="name_and_status-flex"> <h1 class="car-card-title"> <span>{{ model.slogan(app.request.locale) }}</span> {{ model.fullName }} {% if model.hasHybrid %} <span class="car-card-title__hybrid"> {{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}</span> {% endif %} </h1> {% if model.isNew %} <span class="car_card_status_is_new">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span> {% endif %} </div> <section class="main-car-card"> <div class="main-car-card__gallery"> {% include '@DcSite/Modules/car/car-gallery.html.twig' %} </div> <div class="main-car-card__panel"> <div class="main-car-card__prices"> {% if model.showDisabled == 1 %} <div> <span class="car-price">{{ 'archive.title_one'|trans({}, 'dc_base') }}</span> </div> {% endif %} {% if model.showDisabled == 0 %} <div class="car-price"> <div class="car-price__title"> {{ 'pages.car_card.price_in_stocks'|trans({},'dc_base') }} </div> <p class="car-price__val"> {% if model.price > 0 %} {{ 'base.from'|trans({},'dc_toyota') }} {{ model.price|price }} грн {% else %} {{ 'pages.base.no-price'|trans({},'dc_toyota') }} {% endif %} </p> {% if model.hasActionPrice %} <p class="car-price__val --old"> {{ model.fullPrice|price }} грн </p> {% endif %} <button type="button" class="btn-tooltip" data-toggle="tooltip" data-placement="left" data-offset="0, 15" title="{{ 'pages.car_card.price_info'|trans({"%brand%": dealer.brand.name,'%date%': "now"|date("d.m.Y")},'dc_base') }}"> ? </button> </div> {% if model.preorderPrice %} <div class="car-price"> <div class="car-price__title"> {{ 'pages.car_card.price_in_production'|trans({},'dc_base') }} </div> <span class="car-price__val"> {{ 'base.from'|trans({},'dc_toyota') }} {{ model.preorderPrice|price }} грн </span> <button type="button" class="btn-tooltip" data-toggle="tooltip" data-placement="left" data-offset="0, 15" title="{{ 'pages.car_card.preorder_price_info'|trans({'%brand%': dealer.brand.name, "%year%": 'now' | date('Y')},'dc_base') }}"> ? </button> </div> {% endif %} {% endif %} {% if model.showDisabled != 1 %} <button class="btn-get-consultation" type="button" data-toggle="modal" data-target="#order-car">{{ 'pages.car_card.btn_buy'|trans({}, 'dc_base') }}</button> {% endif %} <ul class="car-panel-menu"> <li class="car-panel-menu__item"> <a href="{{ path('opel_service_testdrive_form') }}" class="car-panel-menu__link">Хочу Тест-Драйв</a> </li> <li class="car-panel-menu__item"> <a href="{{ path('opel_service_accessory_catalog') }}" class="car-panel-menu__link">{{ 'accessories.title'|trans({}, 'dc_toyota') }}</a> </li> <li class="car-panel-menu__item"> <a href="{{ path('opel_card_car_configuraion', {car: model.url}) }}" class="car-panel-menu__link">{{ 'car_page.new.tech'|trans({}, 'dc_base') }}</a> </li> {% if model.files.count %} <li class="car-panel-menu__item"> <button class="dropdown-toggle car-panel-menu__link --drop" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ 'car_page.new.broshurs'|trans({}, 'dc_base') }}</button> <div class="dropdown-menu dropdown-menu-broshure"> {% for file in model.files %} <a class="dropdown-item" href="{{ path('base_download_file',{ id : file.id }) }}" target="_blank"> <span class="dropdown-menu-broshure__name">{{ file.title(app.request.locale) }}</span> </a> {% endfor %} </div> </li> {% endif %} {% if model.firstYoutubeUrl is not empty %} <li class="navs-list-li"> <a href="#videoReview" class="navs-list-link">{{ 'vehicles.video'|trans({}, 'dc_base') }}</a> </li> {% endif %} </ul> </div> </div> </section> </div> {% include '@DcSite/Modules/car/page-nav_v3.html.twig' %} {% if model.showDisabled != 1 %} {% include '@DcSite/Modules/car/finance-services.html.twig' with {newCreditCalc: true} %} {% include '@DcSite/Modules/vehicle/vehicle-price.html.twig' %} {% endif %} {% include '@DcSite/Modules/vehicle/vehicle-equipment.html.twig' %} {% if model.hasInStock or model.showDisabled == 1 %} {% include '@DcSite/Modules/car/card-in-stock-block_v3.html.twig' with { urlCatalog: path('opel_car_stock'), urlUsedCatalog: path('opel_used_car_catalog') } %} {% endif %} {% include '@DcSite/Modules/vehicle/vehicle-color.html.twig' %} {% if model.hasFeatures %} {% include '@DcSite/Modules/car/car-feature_v3.html.twig' %} {% endif %} {% if faqs %} {% include '@DcSite/Modules/car/car-faq_v3.html.twig' %} {% endif %} <section class="about-block" id="about"> <div class="container"> <div class="about-block__title mb-3"> {{ 'pages.car.details_about'|trans({},'dc_nissan') }} {{ model.fullName }} {% if model.hasHybrid %} <span> {{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}</span> {% endif %} </div> <div class="about-block__content content_block"> {{ model.content(app.request.locale)|raw }} </div> </div> </section> </div> {% include '@DcSiteBundle/Modules/n-buy-car-popup.html.twig' %} </main> {% include '@DcSite/Modules/n-buy-acc-popup.html.twig' %} {% include '@DcSite/Modules/call-me-popup.html.twig' with { 'route': path('form_call_me', {'formType': 4}), } %} {% include '@DcSite/Modules/sps-popup-credit.html.twig' with {'homePage' : path('opel_homepage') } %}{% endblock %}{% block script %} <script src="/dist/{{ MODE }}/dcsite/opel/js/opelCarCard.js?{{ VERSION }}"></script> <script> $(() => { window.initCarGallery({ firstImage: '{{ webpUrl(model.getFirstGalleryImage,'new_slider') }}', hasVideo: '{{ model.hasVideo }}', loadDataUrl: '{{ path('car-card-load-gallery', {id: model.vehicleId}) }}', lightGalleryUrl: '{{ asset('/bundles/core/js/modules/gallery/lightgallery.js') }}', lightGalleryCss: '{{ asset('/bundles/core/css/modules/gallery/lightgallery.css') }}', galleryCss: '{{ asset('/bundles/core/css/bootstrap_build/carousel.css') }}', }); window.initVehicleColors({ vehicleColor: '{{ vehicleColor|json_encode_replace|raw }}', }); window.initInStock({ dataCarInStock: '{{ carInStock|json_encode_replace|raw }}', }); window.initTradeIn({ initUrl: '{{ path('dc_ti_init') }}', dealer: {{ model.dealer.id }}, carId: {{ model.vehicleId }}, variationId: {{ model.vehicleItemId }}, agreementUrl: '{{ privacyUrl }}', }); window.initCasco({ initUrl : '{{ path('base_casco_init') }}', initByDealerUrl : '{{ path('base_casco_init_by_dealer') }}', optionsUrl : '{{ path('base_casco_options') }}', formUrl : '{{ path('base_casco_save_form') }}', privacyUrl: '{{ privacyUrl }}', dealer: {{ model.dealer.id }}, carId: {{ model.vehicleId }}, variationId: {{ model.vehicleItemId }}, disableCarChange: true }); window.initRegCost({ initUrl: '{{ path('base_reg_cost_init') }}', carId: {{ model.vehicleId }}, }); window.initCompare({ initUrl: '{{ path('base_get_model_equipments', {id: model.vehicleId}) }}', }); window.initVehiclePrices({ vehiclePrice: '{{ vehiclePrice|json_encode_replace|raw }}', }); window.initVehicleEquipment({ vehicleEquipment: '{{ vehicleEquipment|json_encode_replace|raw }}', firstTabOpen: false, }); {# window.accessoriesWidget({ carId: {{ model.vehicleId }}, vehicleAccessory: '{{ vehicleAccessory|json_encode_replace|raw }}', withoutModelFilter: true, }); #} const obj = new dcsite.opelCarCard.Credit(); obj.initCreditCalc({ getVehicleBrandUrl: '{{ path('dc_credit_find_brand') }}', getVehicleModelUrl: '{{ path('dc_credit_find_model') }}', getVehicleEquipmentUrl: '{{ path('dc_credit_find_equipment') }}', getVehicleVariationUrl: '{{ path('dc_credit_find_variation') }}', getVehicleUrl: '{{ path('dc_credit_get_vehicle') }}', initCreditCalcUrl: '{{ path('dc_finance_credit_init') }}', initTradeInUrl: '{{ path('dc_ti_init') }}', agreementUrl: '{{ path('automarket_personal_data_agreement') }}', loadListDocumentUrl: '{{ path('dc_credit_load_documents') }}', schedulePaymentUrl: '{{ path('dc_credit_load_schedule_credit_pdf') }}', getVehiclesByWalletUrl: '{{ path('dc_finance_credit_by_price') }}', getVehiclesWithMinPriceUrl: '{{ path('dc_finance_credit_by_price_min') }}', getCrmUUIDUrl: '{{ path('dc_finance_crm_lead_by_uuid') }}', getCrmDataUrl: '{{ path('dc_finance_crm_create_lead') }}', sendLeadUrl: '{{ path('dc_credit_save') }}', ks: '{{ 'catalog.k_s'|trans({}, 'portal_base') }}', enginePower: '{{ 'cars.engine'|trans({}, 'portal_base') }}', translate_month: '{{ 'finance.credit.credit_month_short'|trans({}, 'portal_base') }}', translate_under: '{{ 'finance.credit.credit_under'|trans({}, 'portal_base') }}', translate_first_payment: '{{ 'form.first_give'|trans({}, 'portal_base') }}', translate_uah: ' грн', translate_not_enough_money: '{{ 'finance.credit.not_enough_money'|trans({}, 'portal_base') }}', translate_not_estimate_vehicle: '{{ 'finance.credit.not_estimate_vehicle'|trans({}, 'portal_base') }}', translate_min_first_payment_for_car: '{{ 'finance.credit.min_first_payment_for_car'|trans({}, 'portal_base') }}', translate_unfortunately_not_enough: '{{ 'finance.credit.unfortunately_not_enough'|trans({}, 'portal_base') }}', translate_estimate_vehicle_more_1: '{{ 'finance.credit.translate_estimate_vehicle_more_1'|trans({}, 'portal_base') }}', translate_estimate_vehicle_more_2: '{{ 'finance.credit.translate_estimate_vehicle_more_2'|trans({}, 'portal_base') }}', translate_price_of_your_car: '{{ 'finance.credit.price_of_your_car'|trans({}, 'portal_base') }}', translate_min: '{{ 'finance.credit.min'|trans({}, 'portal_base') }}', translate_min_first_payment: '{{ 'finance.credit.min_first_payment'|trans({}, 'portal_base') }}', translate_min_month_payment: '{{ 'finance.credit.min_month_payment'|trans({}, 'portal_base') }}', translate_month_term_credit: '{{ 'finance.credit.month_term_credit'|trans({}, 'portal_base') }}', continue_first_least: '{{ 'finance.credit.continue_first_least'|trans({}, 'portal_base') }}', translate_term_months: '{{ 'finance.credit.term_months'|trans({}, 'portal_base') }}', translate_term_months_short: '{{ 'finance.credit.term_months_short'|trans({}, 'portal_base') }}', translate_price_from: '{{ 'finance.credit.price_from'|trans({}, 'portal_base') }}', credit_coplectation: '{{ 'finance.credit.credit_coplectation'|trans({}, 'portal_base') }}', credit_modification: '{{ 'finance.credit.credit_modification'|trans({}, 'portal_base') }}', privacyUrl: '{{ privacyUrl }}', name: '{{ app.user.name | default(null) }}', phone: '{{ app.user.phone | default(null) }}', unsetUsedTypeVehicle: true, unsetFlow2: true, newCarUrl: 'opel_card_car', usedCarUrl: '', brand_id: {{model.brand.id }}, dealer_id: {{model.dealer.id}}, model_id: {{ model.model.id }}, newCarCard: true }); }); </script> <script type="application/ld+json"> {{ structuredData|raw }} </script> {% block scriptCreditCard %} {% endblock %}{% endblock script %}