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

Open in your IDE?
  1. {% extends '@DcSite/Subaru/base.html.twig' %}
  3. {% block head %}
  4.     <title>{{ page.title_seo }}</title>
  5.     <meta name="description" content="{{ page.description_seo }}">
  6.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/modules/car/catalog-model-range-item.css') }}">
  7.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/subaru/model-lineup-pages.css') }}">
  8. {% endblock %}
  10. {% block content %}
  11.     <main>
  12.         <section class="breadcrumbs__new">
  13.             <div class="container">
  14.                 <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  15.                     <li class="marker__none" itemprop="itemListElement" itemscope
  16.                         itemtype="https://schema.org/ListItem">
  17.                         <a itemprop="item" href="{{ path('subaru_homepage') }}">
  18.                             <span class="breadcrumbs__link" itemprop="name">SUBARU</span></a>
  19.                         <meta itemprop="position" content="1"/>
  20.                     </li>
  22.                     <div class="arrow-bcs"> ❯ </div>
  23.                     <li class="marker__none" itemprop="itemListElement" itemscope
  24.                         itemtype="https://schema.org/ListItem">
  25.                         <a itemprop="item" href="{{ path('subaru_model_lineup') }}">
  26.                             <span class="breadcrumbs__link" itemprop="name">Модельный ряд</span></a>
  27.                         <meta itemprop="position" content="1"/>
  28.                     </li>
  30.                     <div class="arrow-bcs"> ❯ </div>
  31.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  32.                         itemtype="https://schema.org/ListItem">
  33.                         <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ page.label }}</span>
  34.                         <meta itemprop="position" content="2"/>
  35.                     </li>
  36.                 </ol>
  37.             </div>
  38.         </section>
  40.         <section class="section_padd tabs lineup">
  41.             <div class="container">
  43.                 <div class="row">
  44.                     <div class="col-md-12">
  45.                         <h1 class="section_title">{{ page.title }}</h1>
  46.                     </div>
  48.                     <div class="col-12 tabs__content mb-4">
  49.                         <div class="tab-content" id="lineupContent">
  50.                             <div class="">
  51.                                 <div class="row">
  52.                                     {% for item in page.vehicles %}
  53.                                         <div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
  54.                                             <div class="model-card">
  55.                                                 <div class="car_status_is_new-block">
  56.                                                     {% if  item.isNew %}
  57.                                                         <span class="car_status_is_new">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span>
  58.                                                     {% endif %}
  59.                                                 </div>
  60.                                                 <a href="{{ path('subaru_card_car', {car: item.url}) }}"
  61.                                                    class="header_card-car-img">
  62.                                                     <picture alt="{{ item.title }}">
  63.                                                         <source srcset="{{ item.image_webp }}" type="image/webp">
  64.                                                         <source srcset="{{ item.image }}">
  65.                                                         <img src="{{ item.image }}" alt="{{ item.title }}" class="card-img-top lineup__preview">
  66.                                                     </picture>
  67.                                                 </a>
  68.                                                 <a href="{{ path('subaru_card_car', {car: item.url}) }}">
  69.                                                     <h2 class="d-block model-card-name m-0">{{ item.title }}</h2>
  70.                                                 </a>
  71.                                                 {% if item.price is null or item.price <= 0 %}
  72.                                                     <span class="d-block model-card-price">{{ 'pages.specify_price'|trans({}, 'dc_subaru') }}</span>
  73.                                                 {% else %}
  74.                                                     <span class="price_title">{{ 'pages.main.price'|trans({}, 'dc_subaru') }}</span>
  75.                                                     <span class="d-inline-block model-card-price">{{ item.price|price }} грн</span>
  76.                                                 {% endif %}
  77.                                                 {% if item.availableTestDrive %}
  78.                                                     <a href="{{ path('subaru_service_consultation') }}" class="btn-blue model-card-btn">{{ 'leads.test_drive'|trans({}, 'dc_subaru') }}</a>
  79.                                                 {% endif %}
  80.                                             </div>
  81.                                         </div>
  82.                                     {% endfor %}
  83.                                 </div>
  84.                             </div>
  86.                         </div>
  87.                     </div>
  88.                 </div>
  89.             </div>
  90.         </section>
  92.         <section>
  93.             <div class="container">
  94.                 <div class="col-12">
  95.                     <div class="row models-seo-desc">
  96.                         {{ page.description|raw }}
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         </section>
  101.     </main>
  102. {% endblock %}