src/DcSiteBundle/Resources/views/Citroen/Configurator/index.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Citroen/base.html.twig' %}
  2. {% block seo %}
  3.     <title>{{ seoMeta.title ?? 'seo.configurator.title'|trans({}, 'dc_citroen') }}</title>
  4.     <meta name="description" content="{{ seoMeta.description ??'seo.configurator.desc'|trans({}, 'dc_citroen') }}" />
  5.     <meta name="keywords" content="" />
  6. {% endblock seo %}
  7. {% block ogtagDynamic %}
  8.     <meta property="og:title" content="{{ seoMeta.title ?? 'seo.configurator.title'|trans({}, 'dc_citroen') }}"/>
  9.     <meta property="og:description" content="{{ seoMeta.description ?? 'seo.configurator.desc'|trans({}, 'dc_citroen') }}"/>
  10. {% endblock ogtagDynamic %}
  11. {% block css %}
  12.     <link type="text/css" media="all" href="{{ asset('/bundles/dcsite/css/citroen/configurator.css') }}" rel="stylesheet"/>
  13.     <link type="text/css" media="all" href="{{ asset('/bundles/dcsite/css/modules/configurator.css') }}" rel="stylesheet"/>
  14.     <link rel="stylesheet" type="text/css" href="{{ asset('/bundles/core/css/modules/slick/slick.css') }}">
  15.     <style>
  16.         div#carConfig {
  17.             width: 100%;
  18.         }
  19.         .color__name #colorPrice{
  20.             color: #162133;
  21.         }
  22.         .box__modification-info-item svg path {
  23.             fill: #162133;
  24.         }
  25.         .car-config__btn-next-step button {
  26.             width: 100%;
  27.             max-width: 280px;
  28.         }
  29.         .card.config-pop__card.container {
  30.             border: none;
  31.             margin-top: 15px;
  32.         }
  33.         .modal-content .btn-brand-mode {
  34.             padding: 15px;
  35.         }
  36.     </style>
  37. {% endblock %}
  38. {% block content %}
  39.     {% include '@DcSite/Citroen/breadcrumbs.html.twig' with {
  40.         catName: '',
  41.         catUrl: '',
  42.         pageName: 'base.config'|trans({}, 'dc_citroen')
  43.     } %}
  44.     <section class="configurator page config pb-4">
  45.         {% include '@DcSite/Modules/configurator/index.html.twig' %}
  46.     </section>
  47. {% endblock content %}
  48. {% block pageJS %}
  49.     <script>
  50.         app.onCustomEvent('appInit', function () {
  51.             app.loadJs('{{ asset('/bundles/dcsite/js/sticky.js') }}');
  52.             app.loadJs('{{ asset('/bundles/core/js/modules/slick/slick.js') }}');
  53.             app.loadJs('{{ asset('/bundles/dcsite/js/configurator.js') }}',function () {
  54.                 initConfig({
  55.                     el: '#carConfig',
  56.                     carId: {{ carId }},
  57.                     hash: '{{ hash }}',
  58.                     initUrl: '{{ path('base_configurator_init', {id: '__id__'}) }}',
  59.                     initByHashUrl: '{{ path('base_configurator_init_by_hash', {hash: '__hash__'}) }}',
  60.                     totalInitUrl: '{{ path('base_configurator_init_total') }}',
  61.                     initCreditUrl: '{{ path('base_configurator_init_credit') }}',
  62.                     accessoryUrl: '{{ path('base_configurator_load_accessory') }}',
  63.                     optionsUrl: '{{ path('base_configurator_load_options') }}',
  64.                     initInsuranceUrl : '{{ path('base_casco_options') }}',
  65.                     saveUrl : '{{ path('base_configurator_save') }}',
  66.                     privacyUrl: '{{ privacyUrl }}',
  67.                     baseCoefficientType : {{ baseType }},
  68.                     listCoefficientType : {{ listType }},
  69.                     optionCoefficientType : {{ optionType }},
  70.                     emailSendText : '{{ 'configurator.thx_text'|trans({}, 'dc_base')|raw }}',
  71.                 });
  72.             });
  73.         });
  74.     </script>
  75. {% endblock pageJS %}