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

Open in your IDE?
  1. {% extends '@DcSite/Citroen/base.html.twig' %}
  3. {% set categoryUrl = category.url is defined ? category.url : null %}
  5. {% block seo %}
  6.     <title>{{ seoMeta.title ?? (categoryUrl is null ? 'seo.model_lineup.model_lineup_title'|trans({}, 'dc_citroen') : 'seo.model_category.title'|trans({'%category%': category.title}, 'dc_citroen')) }}</title>
  7.     <meta name="description" content="{{ seoMeta.description ?? (categoryUrl is null ? 'seo.model_lineup.model_lineup_desc'|trans({}, 'dc_citroen') : 'seo.model_category.desc'|trans({'%category%': category.title}, 'dc_citroen')) }}"/>
  8. {% endblock seo %}
  10. {% block ogtagDynamic %}
  11.         <meta property="og:title" content="{{ seoMeta.title ?? (categoryUrl is null ? 'seo.model_lineup.model_lineup_title'|trans({}, 'dc_citroen') : 'seo.model_category.title'|trans({'%category%': category.title}, 'dc_citroen')) }}"/>
  12.         <meta property="og:description" content="{{ seoMeta.description ?? (categoryUrl is null ? 'seo.model_lineup.model_lineup_desc'|trans({}, 'dc_citroen') : 'seo.model_category.desc'|trans({'%category%': category.title}, 'dc_citroen')) }}"/>
  13. {% endblock ogtagDynamic %}
  15. {% block css %}
  16.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/modules/car/catalog-model-range-item.css') }}">
  17. {% endblock %}
  19. {% block content %}
  20.     <section class="breadcrumbs__new">
  21.         <div class="container">
  22.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  23.                 <li class="marker__none" itemprop="itemListElement" itemscope
  24.                     itemtype="https://schema.org/ListItem">
  25.                     <a itemprop="item" href="{{ path('citroen_homepage') }}">
  26.                         <span class="breadcrumbs__link" itemprop="name">CITROЁN</span></a>
  27.                     <meta itemprop="position" content="1"/>
  28.                 </li>
  29.                 <div class="arrow-bc"></div>
  31.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  32.                     itemtype="https://schema.org/ListItem">
  33.                     <span style="color: #837F7F; font-family: 'UbuntuRegular';" class="breadcrumbs__link"
  34.                           itemprop="name">{{ 'seo.model_lineup.title'|trans({}, 'dc_citroen') }}</span>
  35.                     <meta itemprop="position" content="2"/>
  36.                 </li>
  37.             </ol>
  38.         </div>
  39.     </section>
  41.     <section class="page-head-title">
  42.         <div class="container">
  43.             <div class="row">
  44.                 <div class="col-md-12">
  45.                     <h1 class="section-title-page">
  46.                         {% if seoMeta.h1 %}
  47.                             {{ seoMeta.h1 }}
  48.                         {% elseif categoryUrl is null %}
  49.                             {{ 'seo.model_lineup.h1'|trans({}, 'dc_citroen') }}
  50.                         {% else %}
  51.                             {{ 'seo.model_category.h1'|trans({'%category%': category.title}, 'dc_citroen') }}
  52.                         {% endif %}
  53.                     </h1>
  54.                 </div>
  55.             </div>
  56.         </div>
  57.     </section>
  59.     <section class="section-padd pb-0">
  60.         <div class="container">
  61.             <div class="row">
  62.                 <div class="col-md-12">
  63.                     {% if catalog|length > 1 %}
  64.                         <ul class="nav site_tabs">
  65.                             <li class="nav-item">
  66.                                 <a class="nav-link tabs__link {% if categoryUrl is null %}active{% endif %}"
  67.                                    href="{{ path('citroen_model_lineup') }}">
  68.                                     <span class="tab-span">{{ 'pages.car.all_model'|trans({}, 'dc_base') }}</span>
  69.                                 </a>
  70.                             </li>
  71.                             {% for categoryItem in catalog %}
  72.                                 <li class="nav-item">
  73.                                     <a class="nav-link tabs__link {% if categoryUrl == categoryItem.url %}active{% endif %}"
  74.                                        href="{{ path('citroen_model_catalog_category', {category: categoryItem.url}) }}">
  75.                                         <span class="tab-span">{{ categoryItem.title }}</span>
  76.                                     </a>
  77.                                 </li>
  78.                             {% endfor %}
  79.                         </ul>
  80.                     {% endif %}
  81.                     <div class="tab-content" id="myTabContent">
  82.                         <div class="tab-pane fade show active" id="passanger" role="tabpanel"
  83.                              aria-labelledby="passanger-tab">
  84.                             <div class="row">
  85.                                 {% for item in catalogVehicle %}
  86.                                     <div class="col-md-3">
  87.                                         <div class="model__card">
  88.                                             <a href="{{ path('citroen_card_car', {'car': item.url}) }}"
  89.                                                class="model__card-img">
  90.                                                 <div class="car_status_is_new-block">
  91.                                                     {% if item.isPreOrder %}
  92.                                                         <span class="car_status_is_new">{{ 'pages.car.is_pre_order'|trans({},'dc_base') }}</span>
  93.                                                     {% elseif  item.isNew %}
  94.                                                         <span class="car_status_is_new">{{ 'pages.car.status_is_new'|trans({},'dc_base') }}</span>
  95.                                                     {% endif %}
  96.                                                 </div>
  97.                                                 <img src="{{ item.image }}" alt="{{ item.customTitle }}">
  98.                                             </a>
  99.                                             <a href="{{ path('citroen_card_car', {'car': item.url}) }}"
  100.                                                class="model__card-title">
  101.                                                 {% if item.isPreOrder %}
  102.                                                     <span>{{ 'pages.car.is_pre_order'|trans({},'dc_base') }}</span>
  103.                                                 {% elseif  item.isNew %}
  104.                                                     <span>{{ 'pages.car.is_new'|trans({},'dc_base') }}</span>
  105.                                                 {% endif %}
  106.                                                 <span>{{ item.customTitle }}</span>
  107.                                             </a>
  108.                                             {% if item.price > 0 %}
  109.                                                 <div class="model__card-price">
  110.                                                     {{ 'base.from'|trans({}, 'dc_citroen') }}
  111.                                                     <span>{{ item.price | price }} грн</span>
  112.                                                 </div>
  113.                                             {% else %}
  114.                                                 <div class="model__card-price">
  115.                                                     <span>{{ 'pages.base.specify_the_price'|trans({},'dc_toyota') }}</span>
  116.                                                 </div>
  117.                                             {% endif %}
  119.                                             <a href="{{ path('citroen_car_configurator', {'url': item.url}) }}"
  120.                                                class="btn btn-secondary w-100">{{ 'base.config'|trans({}, 'dc_citroen') }}</a>
  121.                                         </div>
  122.                                     </div>
  123.                                 {% endfor %}
  124.                             </div>
  125.                         </div>
  126.                     </div>
  127.                 </div>
  128.             </div>
  129.         </div>
  130.     </section>
  132.     {% include '@DcSite/Modules/car/catalog-model-range-item.html.twig' with { name: 'citroen_model_range_pages' } %}
  134. {% endblock %}