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

Open in your IDE?
  1. {% extends '@DcSite/Toyota/template.html.twig' %}
  3. {% block head %}
  4.     <title>{{ page.title_seo }}</title>
  5.     <meta name="description" content="{{ page.description_seo }}">
  6.     <link type="text/css" media="all" href="{{ asset('/bundles/dcsite/css/toyota/car/model-lineup.css') }}" rel="stylesheet"/>
  7. {% endblock %}
  9. {% block content %}
  10.     <main>
  11.         <section class="breadcrumbs__new">
  12.             <div class="container">
  13.                 <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  14.                     <li class="marker__none" itemprop="itemListElement" itemscope
  15.                         itemtype="https://schema.org/ListItem">
  16.                         <a itemprop="item" href="{{ path('toyota_homepage') }}">
  17.                             <span class="breadcrumbs__link" itemprop="name">TOYOTA</span></a>
  18.                         <meta itemprop="position" content="1"/>
  19.                     </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('toyota_car_catalog') }}">
  26.                             <span class="breadcrumbs__link" itemprop="name">{{ 'pages.main.lineup_title'|trans({}, 'dc_toyota') }}</span></a>
  27.                         <meta itemprop="position" content="2"/>
  28.                     </li>
  31.                     <div class="arrow-bcs"> ❯</div>
  32.                     <li class="marker__none" itemprop="itemListElement" itemscope
  33.                         itemtype="https://schema.org/ListItem">
  34.                         <span style="color: #ABABAB;" class="breadcrumbs__link"
  35.                               itemprop="name">{{ page.label }}</span>
  36.                         <meta itemprop="position" content="3"/>
  37.                     </li>
  38.                 </ol>
  39.             </div>
  40.         </section>
  42.         <section class="section_padd tabs lineup">
  43.             <div class="container">
  45.                 <div class="row">
  46.                     <div class="col-md-12">
  47.                         <h1 class="section_title">{{ page.title }}</h1>
  48.                     </div>
  50.                     <div class="col-12 tabs__content mb-4">
  51.                         <div class="tab-content" id="lineupContent">
  52.                             <div class="">
  53.                                 <div class="row">
  54.                                     {% for item in page.vehicles %}
  55.                                         <div class="col-sm-12 col-md-4 col-lg-4 col-xl-3">
  56.                                             <div class="header_card-car card-car-page">
  57.                                                 <div class="car_status_is_new-block">
  58.                                                     {% if  item.isNew %}
  59.                                                         <span class="car_status_is_new">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span>
  60.                                                     {% endif %}
  61.                                                 </div>
  62.                                                 <a href="{{ path('toyota_one_car', {car: item.url}) }}"
  63.                                                    class="header_card-car-img">
  64.                                                     <picture alt="{{ item.title }}">
  65.                                                         <source srcset="{{ item.image_webp }}" type="image/webp">
  66.                                                         <source srcset="{{ item.image }}">
  67.                                                         <img src="{{ item.image }}" alt="{{ item.title }}" class="card-img-top lineup__preview">
  68.                                                     </picture>
  69.                                                 </a>
  70.                                                 <a href="{{ path('toyota_one_car', {car: item.url}) }}"
  71.                                                    class="header_card-car-title">
  72.                                                     {{ item.title }}
  73.                                                     {% if item.hasHybrid %}
  74.                                                         <span class="hubrid">{{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}</span>
  75.                                                     {% endif %}
  76.                                                 </a>
  77.                                                 {% if item.price > 0 %}
  78.                                                     <span class="header_card-car-price">{{ 'base.from_price'|trans({}, 'dc_toyota') }} <b>{{ item.price|price }}</b> грн</span>
  79.                                                 {% else %}
  80.                                                     <span class="header_card-car-price">{{ 'base.from'|trans({}, 'dc_toyota') }} <b>{{ item.preorderPrice|price }}</b> грн</span>
  81.                                                 {% endif %}
  82.                                             </div>
  83.                                         </div>
  84.                                     {% endfor %}
  85.                                 </div>
  86.                             </div>
  88.                         </div>
  89.                     </div>
  90.                 </div>
  91.             </div>
  92.         </section>
  94.         <section>
  95.             <div class="container">
  96.                 <div class="col-12">
  97.                     <div class="row">
  98.                         {{ page.description|raw }}
  99.                     </div>
  100.                 </div>
  101.             </div>
  102.         </section>
  103.     </main>
  104. {% endblock %}