src/DcSiteBundle/Resources/views/Citroen/Car/catalog-page.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Citroen/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ seoMeta.title ?? page.title_seo }}</title>
  5.     <meta name="description" content="{{ seoMeta.description ?? page.description_seo }}">
  6. {% endblock seo %}
  8. {% block ogtagDynamic %}
  9.     <meta property="og:title" content="{{ seoMeta.title ?? page.title_seo }}"/>
  10.     <meta property="og:description" content="{{ seoMeta.description ?? page.description_seo }}"/>
  11. {% endblock ogtagDynamic %}
  13. {% block content %}
  14.     <section class="breadcrumbs__new">
  15.         <div class="container">
  16.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  17.                 <li class="marker__none" itemprop="itemListElement" itemscope
  18.                     itemtype="https://schema.org/ListItem">
  19.                     <a itemprop="item" href="{{ path('citroen_homepage') }}">
  20.                         <span class="breadcrumbs__link" itemprop="name">CITROЁN</span></a>
  21.                     <meta itemprop="position" content="1"/>
  22.                 </li>
  24.                 <div class="arrow-bc"></div>
  25.                 <li class="marker__none" itemprop="itemListElement" itemscope
  26.                     itemtype="https://schema.org/ListItem">
  27.                     <a itemprop="item" href="{{ path('citroen_model_lineup') }}">
  28.                         <span class="breadcrumbs__link" itemprop="name">{{ 'seo.model_lineup.title'|trans({}, 'dc_citroen') }}</span></a>
  29.                     <meta itemprop="position" content="2"/>
  30.                 </li>
  32.                 <div class="arrow-bc"></div>
  33.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  34.                     itemtype="https://schema.org/ListItem">
  35.                     <span style="color: #837F7F; font-family: 'UbuntuRegular';" class="breadcrumbs__link"
  36.                           itemprop="name">{{ page.label }}</span>
  37.                     <meta itemprop="position" content="3"/>
  38.                 </li>
  39.             </ol>
  40.         </div>
  41.     </section>
  43.     <section class="page-head-title">
  44.         <div class="container">
  45.             <div class="row">
  46.                 <div class="col-md-12">
  47.                     <h1 class="section-title-page">{{ seoMeta.h1 ?? page.title }}</h1>
  48.                 </div>
  49.             </div>
  50.         </div>
  51.     </section>
  53.     <section class="section-padd pb-0">
  54.         <div class="container">
  55.             <div class="row">
  56.                 <div class="col-md-12">
  57.                     <div class="tab-content" id="myTabContent">
  58.                         <div class="tab-pane fade show active" id="passanger" role="tabpanel"
  59.                              aria-labelledby="passanger-tab">
  60.                             <div class="row">
  61.                                 {% for vehicle in page.vehicles %}
  62.                                     <div class="col-md-3">
  63.                                         <div class="model__card">
  64.                                             <a href="{{ path('citroen_card_car', {'car': vehicle.url}) }}"
  65.                                                class="model__card-img">
  66.                                                 <div class="car_status_is_new-block">
  67.                                                     {% if vehicle.isPreOrder %}
  68.                                                         <span class="car_status_is_new">{{ 'pages.car.is_pre_order'|trans({},'dc_base') }}</span>
  69.                                                     {% elseif  vehicle.isNew %}
  70.                                                         <span class="car_status_is_new">{{ 'pages.car.status_is_new'|trans({},'dc_base') }}</span>
  71.                                                     {% endif %}
  72.                                                 </div>
  73.                                                 <picture alt="{{ vehicle.customTitle }}">
  74.                                                     <source srcset="{{ vehicle.image_webp }}" type="image/webp">
  75.                                                     <source srcset="{{ vehicle.image }}">
  76.                                                     <img src="{{ vehicle.image }}" alt="{{ vehicle.customTitle }}">
  77.                                                 </picture>
  78.                                             </a>
  79.                                             <a href="{{ path('citroen_card_car', {'car': vehicle.url}) }}"
  80.                                                class="model__card-title">
  81.                                                 {% if vehicle.isPreOrder %}
  82.                                                     <span>{{ 'pages.car.is_pre_order'|trans({},'dc_base') }}</span>
  83.                                                 {% elseif  vehicle.isNew %}
  84.                                                     <span>{{ 'pages.car.is_new'|trans({},'dc_base') }}</span>
  85.                                                 {% endif %}
  86.                                                 <span>{{ vehicle.customTitle }}</span>
  87.                                             </a>
  88.                                             {% if vehicle.price > 0 %}
  89.                                                 <div class="model__card-price">
  90.                                                     {{ 'base.from'|trans({}, 'dc_citroen') }}
  91.                                                     <span>{{ vehicle.price | price }} грн</span>
  92.                                                 </div>
  93.                                             {% else %}
  94.                                                 <div class="model__card-price">
  95.                                                     <span>{{ 'pages.base.specify_the_price'|trans({},'dc_toyota') }}</span>
  96.                                                 </div>
  97.                                             {% endif %}
  99.                                             <a href="{{ path('citroen_car_configurator', {'url': vehicle.url}) }}"
  100.                                                class="btn btn-secondary w-100">{{ 'base.config'|trans({}, 'dc_citroen') }}</a>
  101.                                         </div>
  102.                                     </div>
  103.                                 {% endfor %}
  104.                             </div>
  105.                         </div>
  106.                     </div>
  107.                 </div>
  108.             </div>
  109.         </div>
  110.     </section>
  112.     <section>
  113.         <div class="container">
  114.             <div class="col-12">
  115.                 <div class="row">
  116.                     {{ page.description|raw }}
  117.                 </div>
  118.             </div>
  119.         </div>
  120.     </section>
  121. {% endblock %}