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

Open in your IDE?
  1. {% extends '@DcSite/Opel/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_opel') }}</title>
  8.         <meta name="description" content="{{ 'seo.model_lineup.desc'|trans({}, 'dc_opel') }}"/>
  9.     {% else %}
  10.         <title>{{ 'seo.model_category.title'|trans({'%category%': category.title}, 'dc_opel') }}</title>
  11.         <meta name="description"
  12.               content="{{ 'seo.model_category.desc'|trans({'%category%': category.title}, 'dc_opel') }}"/>
  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_opel') }}"/>
  19.         <meta property="og:description" content="{{ 'seo.model_lineup.desc'|trans({}, 'dc_opel') }}"/>
  20.     {% else %}
  21.         <meta property="og:title"
  22.               content="{{ 'seo.model_category.title'|trans({'%category%': category.title}, 'dc_opel') }}"/>
  23.         <meta property="og:description"
  24.               content="{{ 'seo.model_category.desc'|trans({'%category%': category.title}, 'dc_opel') }}"/>
  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.     <section class="breadcrumbs__new">
  34.         <div class="container">
  35.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  36.                 <li class="marker__none" itemprop="itemListElement" itemscope
  37.                     itemtype="https://schema.org/ListItem">
  38.                     <a itemprop="item" href="{{ path('opel_homepage') }}">
  39.                         <span class="breadcrumbs__link" itemprop="name">opel</span></a>
  40.                     <meta itemprop="position" content="1"/>
  41.                 </li>
  43.                 <div class="arrow-bcs"> ❯</div>
  44.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  45.                     itemtype="https://schema.org/ListItem">
  46.                     <span style="color: #837F7F;" class="breadcrumbs__link"
  47.                           itemprop="name">{{ 'pages.model_lineup.breadcrumb_title'|trans({}, 'dc_opel') }}</span>
  48.                     <meta itemprop="position" content="2"/>
  49.                 </li>
  50.             </ol>
  51.         </div>
  52.     </section>
  53.     <section class="pb-5 indent tabs lineup">
  54.         <div class="container">
  55.             <header class="page-header">
  56.                 {% if categoryUrl is null %}
  57.                     <h1 class="section-title text-center">{{ 'pages.model_lineup.h1'|trans({}, 'dc_opel') }}</h1>
  58.                 {% else %}
  59.                     <h1 class="section-title text-center">{{ 'pages.model_category.h1'|trans({'%category%': category.title}, 'dc_opel') }}</h1>
  60.                 {% endif %}
  61.             </header>
  62.             {% if catalog|length > 1 %}
  63.                 <div class="col-lg-12">
  64.                     <ul class="base-tabs base-tabs-model-car">
  65.                         <li class="base-tabs__item">
  66.                             <a class="{% if categoryUrl is null %}active{% endif %}"
  67.                                href="{{ path('opel_model_lineup') }}">
  68.                                 <span>{{ 'pages.car.all_model'|trans({}, 'dc_base') }}</span>
  69.                             </a>
  70.                         </li>
  71.                         {% for categoryItem in catalog %}
  72.                             <li class="base-tabs__item">
  73.                                 <a class="{% if categoryUrl == categoryItem.url %}active{% endif %}"
  74.                                    href="{{ path('opel_model_catalog_category', {category: categoryItem.url}) }}">
  75.                                     <span>{{ categoryItem.title }}</span>
  76.                                 </a>
  77.                             </li>
  78.                         {% endfor %}
  79.                     </ul>
  80.                 </div>
  81.             {% endif %}
  83.             <div class="col-12 tabs__content">
  84.                 <div class="row">
  85.                     {% for item in catalogVehicle %}
  86.                         <div class="lineup-list__col col-6 col-md-4 col-lg-3">
  87.                             <a href="{{ path('opel_card_car', {'car': item.url}) }}" class="lineup-item">
  88.                                 <div class="lineup-item__title">OPEL {{ item.title }}</div>
  89.                                 <div class="car_status_is_new-block">
  90.                                     {% if  item.isNew %}
  91.                                         <span class="car_status_is_new">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span>
  92.                                     {% endif %}
  93.                                 </div>
  94.                                 <div class="lineup-item__photo">
  95.                                     <img src="{{ item.image }}" alt="" class="card-img-top lineup__preview">
  96.                                 </div>
  97.                                 <p class="lineup-item__price">
  98.                                     {{ 'car.price.from'|trans({}, 'dc_morris') }}
  99.                                     <span>{{ item.price | price }} грн</span>
  100.                                 </p>
  101.                             </a>
  102.                         </div>
  103.                     {% endfor %}
  104.                 </div>
  105.             </div>
  106.         </div>
  107.     </section>
  109.     {% include '@DcSite/Modules/car/catalog-model-range-item.html.twig' with { name: 'nissan_armada_catalog_pages' } %}
  110. {% endblock %}