src/DcSiteBundle/Resources/views/Honda/Car/catalog.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Honda/base.html.twig' %}
  3. {% set categoryUrl = category.url is defined ? category.url : null %}
  5. {% block seo %}
  6.     {% if categoryUrl is null %}
  7.         <title>{{ 'seo.model_lineup.title'|trans({}, 'dc_honda') }}</title>
  8.         <meta name="description"
  9.               content="{{ 'seo.model_lineup.description'|trans({'%phone%': dealer.phone}, 'dc_honda') }}"/>
  10.     {% else %}
  11.         <title>{{ 'seo.model_category.title'|trans({'%category%': category.title}, 'dc_honda') }}</title>
  12.         <meta name="description"
  13.               content="{{ 'seo.model_category.desc'|trans({'%category%': category.title}, 'dc_honda') }}"/>
  14.     {% endif %}
  15. {% endblock seo %}
  17. {% block ogtagDynamic %}
  18.     {% if categoryUrl is null %}
  19.         <meta property="og:title" content="{{ 'seo.model_lineup.title'|trans({}, 'dc_honda') }}"/>
  20.         <meta property="og:description"
  21.               content="{{ 'seo.model_lineup.description'|trans({'%phone%': dealer.phone}, 'dc_honda') }}"/>
  22.     {% else %}
  23.         <meta property="og:title"
  24.               content="{{ 'seo.model_category.title'|trans({'%category%': category.title}, 'dc_honda') }}"/>
  25.         <meta property="og:description"
  26.               content="{{ 'seo.model_category.desc'|trans({'%category%': category.title}, 'dc_honda') }}"/>
  27.     {% endif %}
  28. {% endblock ogtagDynamic %}
  30. {% block css %}
  31.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/modules/car/catalog-model-range-item.css') }}">
  32. {% endblock %}
  34. {% block content %}
  36.     <section class="breadcrumbs__new">
  37.         <div class="container">
  38.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  39.                 <li class="marker__none" itemprop="itemListElement" itemscope
  40.                     itemtype="https://schema.org/ListItem">
  41.                     <a itemprop="item" href="{{ path('honda_homepage') }}">
  42.                         <span class="breadcrumbs__link" itemprop="name">HONDA</span></a>
  43.                     <meta itemprop="position" content="1"/>
  44.                 </li>
  46.                 <div class="arrow-bcs"> ❯</div>
  47.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  48.                     itemtype="https://schema.org/ListItem">
  49.                     <span style="color: #A9A9A9;" class="breadcrumbs__link" itemprop="name">Модельний ряд</span>
  50.                     <meta itemprop="position" content="2"/>
  51.                 </li>
  52.             </ol>
  53.         </div>
  54.     </section>
  56.     <section class="model-lineup section-padding">
  57.         <div class="container">
  58.             <div class="row row-tabs">
  59.                 <div class="col-md-6 section-title mb-0">
  60.                     {% if categoryUrl is null %}
  61.                         <h1>{{ 'main.model_line'|trans({}, 'dc_honda') }} Honda</h1>
  62.                     {% else %}
  63.                         <h1 class="section-title-page">{{ 'seo.model_category.h1'|trans({'%category%': category.title}, 'dc_honda') }}</h1>
  64.                     {% endif %}
  66.                 </div>
  67.                 <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6">
  68.                     <div class="nav nav-tabs justify-content-end tabs_btn" id="nav-tab-model" role="tablist">
  69.                         <a class="nav-item nav-link {% if categoryUrl is null %}active{% endif %}"
  70.                            href="{{ path('honda_model_lineup') }}">
  71.                             <h2>{{ 'pages.car.all_model'|trans({}, 'dc_base') }}</h2>
  72.                         </a>
  73.                         {% for categoryItem in catalog %}
  74.                             <a class="nav-item nav-link {% if categoryUrl == categoryItem.url %}active{% endif %}"
  75.                                href="{{ path('honda_model_catalog_category', {category: categoryItem.url}) }}">
  76.                                 <h2>{{ categoryItem.title }}</h2>
  77.                             </a>
  78.                         {% endfor %}
  79.                     </div>
  80.                 </div>
  81.             </div>
  82.             <div class="row">
  83.                 <div class="col-md-12">
  84.                     <div class="row">
  85.                         {% for item in catalogVehicle %}
  86.                             <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
  87.                                 <div class="model-card">
  88.                                     <div class="model-image flexbox-wrapper">
  89.                                         <a href="{{ path('honda_card_car', { car: item.url }) }}">
  90.                                             <img src="{{ item.image }}" alt="{{ item.title }}">
  91.                                         </a>
  92.                                     </div>
  93.                                     <div class="card-body">
  94.                                         <a href="{{ path('honda_card_car', { car: item.url }) }}">
  95.                                             <h2 class="car-name">
  96.                                                 {{ item.title }}
  97.                                                 {% if item.hasHybrid %}
  98.                                                     <span class="car-hybrid"> Hybrid</span>
  99.                                                 {% endif %}
  100.                                             </h2>
  101.                                         </a>
  102.                                         <span class="car-price d-block mb-2">{{ 'main.price'|trans({}, 'dc_honda') }} {{ 'main.from'|trans({}, 'dc_honda') }} {{ item.price|price }} грн</span>
  103.                                         <a href="{{ path('honda_service_consultation', {'carId': item.id}) }}"
  104.                                            class="btn btn-primary w-100">Тест-драйв</a>
  105.                                     </div>
  106.                                 </div>
  107.                             </div>
  108.                         {% endfor %}
  109.                     </div>
  110.                 </div>
  111.             </div>
  112.         </div>
  113.     </section>
  115.     {% include '@DcSite/Modules/car/catalog-model-range-item.html.twig' with { name: 'honda_model_lineup_pages' } %}
  117. {% endblock %}