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

Open in your IDE?
  1. {% extends '@DcSite/Peugeot/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_peugeot') }}</title>
  8.         <meta name="description" content="{{ 'seo.model_lineup.desc'|trans({}, 'dc_peugeot') }}"/>
  9.     {% else %}
  10.         <title>{{ 'seo.catalog.title'|trans({'%category%': category.title}, 'dc_peugeot') }}</title>
  11.         <meta name="description"
  12.               content="{{ 'seo.catalog.description'|trans({'%category%': category.title}, 'dc_peugeot') }}"/>
  13.     {% endif %}
  14. {% endblock seo %}
  16. {% block ogtagDynamic %}
  17.     {% if categoryUrl is null %}
  18.         <meta property="og:title" content="{{ 'seo.model_lineup.title'|trans({}, 'dc_peugeot') }}"/>
  19.         <meta property="og:description" content="{{ 'seo.model_lineup.desc'|trans({}, 'dc_peugeot') }}"/>
  20.     {% else %}
  21.         <meta property="og:title"
  22.               content="{{ 'seo.catalog.title'|trans({'%category%': category.title}, 'dc_peugeot') }}"/>
  23.         <meta property="og:description"
  24.               content="{{ 'seo.catalog.description'|trans({'%category%': category.title}, 'dc_peugeot') }}"/>
  25.     {% endif %}
  26. {% endblock ogtagDynamic %}
  28. {% block css %}
  29.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/modules/car/catalog-model-range-item.css') }}">
  30. {% endblock %}
  32. {% block content %}
  33.     <main>
  34.         <section class="breadcrumbs__new">
  35.             <div class="container">
  36.                 <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  37.                     <li class="marker__none" itemprop="itemListElement" itemscope
  38.                         itemtype="https://schema.org/ListItem">
  39.                         <a itemprop="item" href="{{ path('peugeot_homepage') }}">
  40.                             <span class="breadcrumbs__link" itemprop="name">Peugeot</span></a>
  41.                         <meta itemprop="position" content="1"/>
  42.                     </li>
  44.                     <div class="arrow-bcs"> ❯</div>
  45.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  46.                         itemtype="https://schema.org/ListItem">
  47.                         <span style="color: #837F7F;" class="breadcrumbs__link"
  48.                               itemprop="name">{{ 'menu.model_lineup'|trans({}, 'dc_peugeot') }}</span>
  49.                         <meta itemprop="position" content="2"/>
  50.                     </li>
  51.                 </ol>
  52.             </div>
  53.         </section>
  55.         <section class="section_padd tabs lineup">
  56.             <div class="container">
  57.                 <div class="row">
  58.                     <div class="col-md-12">
  59.                         {% if categoryUrl is null %}
  60.                             <h1 class="section-title">{{ 'seo.model_lineup.head'|trans({}, 'dc_peugeot') }}</h1>
  61.                         {% else %}
  62.                             <h1 class="section-title">{{ 'seo.catalog.head'|trans({'%category%': category.title}, 'dc_peugeot') }}</h1>
  63.                         {% endif %}
  64.                     </div>
  65.                     {% if catalog|length > 1 %}
  66.                         <div class="col-lg-12">
  67.                             <ul class="nav justify-content-center nav-site-tabs tabs-model" id="lineupTab" role="tablist">
  68.                                 <li class="nav-item">
  69.                                     <a class="nav-link tabs__link {% if categoryUrl is null %}active{% endif %}"
  70.                                        href="{{ path('peugeot_model_lineup') }}">
  71.                                         <span style="font-size: 14px">{{ 'pages.car.all_model'|trans({}, 'dc_base') }}</span>
  72.                                     </a>
  73.                                 </li>
  74.                                 {% for categoryItem in catalog %}
  75.                                     <li class="nav-item">
  76.                                         <a class="nav-link tabs__link {% if categoryUrl == categoryItem.url %}active{% endif %}"
  77.                                            href="{{ path('peugeot_car_catalog_category', {category: categoryItem.url}) }}">
  78.                                             <span style="font-size: 14px">{{ categoryItem.title }}</span>
  79.                                         </a>
  80.                                     </li>
  81.                                 {% endfor %}
  82.                             </ul>
  83.                         </div>
  84.                     {% endif %}
  85.                     <div class="col-12 tabs__content mb-4">
  86.                         <div class="row">
  87.                             {% for item in catalogVehicle %}
  88.                                 <div class="col-sm-12 col-md-4 col-lg-4 col-xl-3">
  89.                                     <div class="model__card">
  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.                                         <a href="{{ path('peugeot_card_car', { car: item.url }) }}"
  98.                                            class="model__card-img">
  99.                                             <img src="{{ item.image }}" alt="" class="card-img-top lineup__preview">
  100.                                         </a>
  101.                                         <a href="{{ path('peugeot_card_car', { car: item.url }) }}"
  102.                                            class="model__card-title">{{ item.title }}</a>
  103.                                         <span class="model__card-price">{{ 'pages.base.from'|trans({}, 'dc_base') }} {{ item.price | price }} {{ 'main.grn'|trans({}, 'dc_peugeot') }}</span>
  104.                                         <a href="{{ path('peugeot_car_configurator', { 'url': item.url }) }}"
  105.                                            class="btn btn-outline-secondary w-100">{{ 'main.configurator'|trans({}, 'dc_peugeot') }}</a>
  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: 'peugeot_model_lineup_pages' } %}
  117.     </main>
  118. {% endblock %}