src/DcSiteBundle/Resources/views/Jeep/Car/car-catalog.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Jeep/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ seoMeta.title ?? 'seo.car.car_catalog.title'|trans({},'dc_jeep') }}</title>
  5.     <meta name="description" content="{{ seoMeta.description ?? 'seo.car.car_catalog.desc'|trans({},'dc_jeep') }}"/>
  6. {% endblock seo %}
  8. {% block ogtagDynamic %}
  9.     <meta property="og:title" content="{{ seoMeta.title ?? 'seo.car.car_catalog.title'|trans({},'dc_jeep') }}"/>
  10.     <meta property="og:description" content="{{ seoMeta.description ?? 'seo.car.car_catalog.desc'|trans({},'dc_jeep') }}"/>
  11. {% endblock ogtagDynamic %}
  13. {% block css %}
  14.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/modules/car/catalog-model-range-item.css') }}">
  15.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/jeep/car-catalog.css') }}">
  16. {% endblock %}
  18.    {% block content %}
  19.        <section class="breadcrumbs">
  20.            <div class="container">
  21.                <ol class="breadcrumbs__wrapper" itemscope itemtype="https://schema.org/BreadcrumbList">
  22.                    <li class="marker__none" itemprop="itemListElement" itemscope
  23.                        itemtype="https://schema.org/ListItem">
  24.                        <a itemprop="item" href="{{ path('jeep_homepage') }}">
  25.                            <span class="breadcrumbs__link" itemprop="name">JEEP<sub>&#174</sub></span></a>
  26.                        <meta itemprop="position" content="1"/>
  27.                    </li>
  29.                    <img class="arrow-bcs" src="{{ asset('/bundles/dcsite/img/jeep/icon/breadcrumbs-arrows.svg') }}"
  30.                         alt="">
  31.                    <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  32.                        itemtype="https://schema.org/ListItem">
  33.                        <span style="color: #D1D1D1;" class="breadcrumbs__link" itemprop="name">{{ 'pages.model'|trans({}, 'dc_jeep') }}</span>
  34.                        <meta itemprop="position" content="2"/>
  35.                    </li>
  36.                </ol>
  37.            </div>
  38.        </section>
  40.        <section class="section__model__lineup">
  41.            <div class="container">
  42.                <h1 class="page-main-title text-uppercase">{{ 'pages.base_names.model_lineup'|trans({}, 'dc_base') }} Jeep<sub>&#174</sub></h1>
  44.                <div class="model__lineup__wrapper">
  45.                    {% for vehicle in vehicles %}
  46.                        <a href="{{ path('jeep_car', { car: vehicle.url }) }}" class="model__lineup__box">
  47.                            <div class="bg-img-contain model__lineup__img"
  48.                                 style="background-image: url('{{ sonata_path(vehicle.preview, 'reference') }}')"></div>
  49.                            <p class="model__lineup__title">{{ vehicle.model.title }}</p>
  50.                            <p class="model__lineup__price"><span class="model__lineup__of-price">{{ 'configurator.from'|trans({}, 'dc_base') }}</span>{{ vehicle.price | price }} грн</p>
  51.                        </a>
  52.                    {% endfor %}
  53.                </div>
  54.            </div>
  55.        </section>
  57.        {% include '@DcSite/Modules/car/catalog-model-range-item.html.twig' with { name: 'jeep_list_pages' } %}
  59.    {% endblock content %}
  62.    {% block pageJS %}
  64.    {% endblock pageJS %}