src/PortalBundle/Resources/views/Catalog/catalog-main.html.twig line 51

Open in your IDE?
  1. {% set pageTitle = '' %}
  2. {% set pageDescription = '' %}
  3. {% if seoMeta %}
  4.     {% if seoMeta.title %}
  5.         {% set pageTitle = seoMeta.title %}
  6.     {% elseif year %}
  7.         {% set pageTitle = 'seo.catalog.year_title'|trans({'%year%': year}, 'portal_base') %}
  8.     {% else %}
  9.         {% set pageTitle = 'seo.catalog.title'|trans({}, 'portal_base') %}
  10.     {% endif %}
  12.     {% if app.request.get('page') %}
  13.         {% set pageTitle = 'base.page'|trans({}, 'portal_base') ~ ' - ' ~ app.request.get('page') ~ ' - ' ~ pageTitle %}
  14.     {% endif %}
  16.     {% if seoMeta.description %}
  17.         {% set pageDescription = seoMeta.description %}
  18.     {% elseif year %}
  19.         {% set pageDescription = 'seo.catalog.year_description'|trans({'%year%': year}, 'portal_base') %}
  20.     {% endif %}
  21. {% endif %}
  23. {% if seoMeta.h1 %}
  24.     {% set pageH1 = seoMeta.h1 %}
  25. {% elseif valueParam is defined and valueParam %}
  26.     {% set pageH1 = ('catalog.seo.h1_' ~ state ~ '_' ~ type ~ '_body_type')|trans({'%body_type%': valueParam}, 'portal_base') %}
  27. {% elseif brand %}
  28.     {% set pageH1 = ('catalog.seo.h1_' ~ state ~ '_' ~ type ~ '_brand')|trans({'%brand%': brand}, 'portal_base') %}
  29. {% elseif model %}
  30.     {% set pageH1 = ('catalog.seo.h1_' ~ state ~ '_' ~ type ~ '_model')|trans({'%model%': model}, 'portal_base') %}
  31. {% elseif year %}
  32.     {% set pageH1 = ('catalog.seo.h1_' ~ state ~ '_' ~ type ~ '_year')|trans({'%year%': year}, 'portal_base') %}
  33. {% endif %}
  35. {% block head %}
  36.     {% if INCLUDE_ANALYTICS %}
  37.     <!-- Google Tag Manager -->
  38.     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  39.                 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  40.             j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  41.             'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  42.         })(window,document,'script','dataLayer','GTM-TK6DGWW');</script>
  43.     <!-- End Google Tag Manager -->
  44.     {% endif %}
  45.     <title>{{ pageTitle }}</title>
  46.     <meta name="description" content="{{ pageDescription }}" />
  48.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/portal/css/portalCarCatalog.css?{{ VERSION }}">
  49. {% endblock %}
  51. {% block content %}
  52.     {% if INCLUDE_ANALYTICS %}
  53.     <!-- Google Tag Manager (noscript) -->
  54.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TK6DGWW"
  55.                       height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  56.     <!-- End Google Tag Manager (noscript) -->
  57.     {% endif %}
  58.     <div id="baseFilters">
  59.         <section class="breadcrumbs__new">
  60.             <div class="container">
  61.                 <ol class="vidi_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  62.                     <li class="marker__none" itemprop="itemListElement" itemscope
  63.                         itemtype="https://schema.org/ListItem">
  64.                         <a itemprop="item" href="{{ path('portal_homepage') }}">
  65.                             <span class="breadcrumbs__link" itemprop="name">VIDI.UA</span></a>
  66.                         <meta itemprop="position" content="1"/>
  67.                     </li>
  69.                     <div class="arrow-bc"></div>
  70.                     <li class="marker__none" itemprop="itemListElement" itemscope
  71.                         itemtype="https://schema.org/ListItem">
  72.                         <a itemprop="item" href="{{ path('portal_new_catalog',{state:state ,type:type}) }}">
  73.                             <span class="breadcrumbs__link" itemprop="name">{{ ('catalog.' ~ state ~ '_' ~ type)|trans({}, 'portal_base') }}</span></a>
  74.                         <meta itemprop="position" content="2"/>
  75.                     </li>
  76.                     {% if valueParam is defined and valueParam %}
  77.                         <div class="arrow-bc"></div>
  78.                         <li class="marker__none" itemprop="itemListElement" itemscope
  79.                             itemtype="https://schema.org/ListItem">
  80.                             {% if brand is defined and brand and brand != 'all'  %}
  81.                                 <a itemprop="item" href="{{ path('portal_new_catalog_by_params',{state:state ,type:type, param: param, value: value}) }}">
  82.                                     <span class="breadcrumbs__link" itemprop="name">{{ valueParam }}</span></a>
  83.                             {% else %}
  84.                                 <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ valueParam }}</span>
  85.                             {% endif %}
  86.                             <meta itemprop="position" content="3"/>
  87.                         </li>
  88.                     {% endif %}
  89.                     {% if brand is defined and brand and brand != 'all' %}
  90.                         <div class="arrow-bc"></div>
  91.                         <li class="marker__none" itemprop="itemListElement" itemscope
  92.                             itemtype="https://schema.org/ListItem">
  93.                             {% if model is defined and model %}
  94.                                 {% if valueParam is defined and valueParam %}
  95.                                     <a itemprop="item" href="{{ path('portal_new_catalog_b_by_params',{state:state ,type:type, param: param, value: value, brand: brand}) }}">
  96.                                         <span class="breadcrumbs__link" itemprop="name">{{ brand }}</span>
  97.                                     </a>
  98.                                 {% else %}
  99.                                     <a itemprop="item" href="{{ path('portal_new_catalog_b',{state:state ,type:type, brand: brand}) }}">
  100.                                         <span class="breadcrumbs__link" itemprop="name">{{ brand }}</span>
  101.                                     </a>
  102.                                 {% endif %}
  103.                             {% else %}
  104.                                 <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ brand }}</span>
  105.                             {% endif %}
  106.                             <meta itemprop="position" content="3"/>
  107.                         </li>
  108.                     {% endif %}
  109.                     {% if model is defined and model %}
  110.                         <div class="arrow-bc"></div>
  111.                         <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  112.                             itemtype="https://schema.org/ListItem">
  113.                             <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ model }}</span>
  114.                             <meta itemprop="position" content="4"/>
  115.                         </li>
  116.                     {% endif %}
  118.                     {% if group is defined and group %}
  119.                         <div class="arrow-bc"></div>
  120.                         <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  121.                             itemtype="https://schema.org/ListItem">
  122.                             <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ pageH1 }}</span>
  123.                             <meta itemprop="position" content="4"/>
  124.                         </li>
  125.                     {% endif %}
  126.                 </ol>
  127.             </div>
  128.         </section>
  130.         <section class="selection__catalog__head">
  131.             <div class="container">
  132.                 <h1 class="catalog__title">{{ pageH1 }}</h1>
  133.                 {% if catalogBanner and catalogBanner.imageByLocale(app.request.locale) and catalogBanner.imageMobileByLocale(app.request.locale) %}
  134.                     <a href="{{ catalogBanner.btnLink ? catalogBanner.btnLink : '#' }}"
  135.                         {{ catalogBanner.modal ? 'data-toggle="modal" data-bs-toggle="modal" data-bs-target="#order-car"' : ' '  }}>
  136.                         <img class="global_banner_img catalog-banner-pc" src="{{ sonata_path(catalogBanner.imageByLocale(app.request.locale), 'reference') }}" alt="">
  137.                         <img class="global_banner_img catalog-banner-mobile" src="{{ sonata_path(catalogBanner.imageMobileByLocale(app.request.locale), 'reference') }}" alt="">
  138.                     </a>
  139.                 {% endif %}
  141.                 {% if catalogNav is defined %}
  142.                     {% include '@Portal/Catalog/catalog-nav.html.twig' %}
  143.                 {% endif %}
  144.             </div>
  145.         </section>
  147.         {% include '@Portal/Catalog/catalog-vehicle.html.twig' %}
  149.         <section class="section__salons">
  150.             <div class="container">
  151.                 <h2 class="site__main__title">{{ 'catalog.official_dealers'|trans({}, 'portal_base') }} VIDI</h2>
  152.                 <div class="salons__wrapper">
  153.                     <div v-for="dealer in dealers" class="salons__box">
  154.                         <div class="salons-img" :style="{ backgroundImage: 'url(' + dealer.logo + ')' }">
  155.                         </div>
  156.                         <div class="salons__info__wrapper">
  157.                             <p class="salons__title" v-html="dealer.name"></p>
  158.                             <div class="salons__info__link__box">
  159.                                 <img src="{{ asset('/bundles/portal/img/icon-svg/mappin.svg') }}" :alt="dealer.address" v-html="dealer.address">
  160.                                 <a :href="dealer.mapUrl" class="info__link__text" target="_blank" v-html="dealer.address"></a>
  161.                             </div>
  162.                             <div class="salons__info__link__box">
  163.                                 <img src="{{ asset('/bundles/portal/img/icon-svg/phone.svg') }}" :alt="dealer.phone">
  164.                                 <a :href="'tel:' + dealer.href_phone" v-html="dealer.phone" class="info__link__text"></a>
  165.                             </div>
  166.                             <a class="go-website__link" :href="'https://' + dealer.domain">{{ 'catalog.go_to_site'|trans({}, 'portal_base') }}</a>
  167.                         </div>
  168.                     </div>
  169.                 </div>
  170.             </div>
  171.         </section>
  173.         <section class="section__price__new__car" v-if="seoLinks.blocks">
  174.             <div class="container">
  175.                 {% if modelEm %}
  176.                     {% set carName = brandEm.name~' '~modelEm.title %}
  177.                 {% elseif brandEm %}
  178.                     {% set carName = brandEm.name %}
  179.                 {% endif%}
  182.                 {% if app.request.get('state') == 'new' %}
  183.                     <h2 class="site__main__title">{{ 'catalog.prices'|trans({}, 'portal_base') }} на {{ pageH1 }} {{ 'catalog.in_ukraine'|trans({}, 'portal_base') }} {{ "now"|date("d.m.Y") }}</h2>
  184.                 {% else %}
  185.                     <h2 class="site__main__title">{{ 'catalog.prices'|trans({}, 'portal_base') }} на {{ pageH1 }} {{ "now"|date("d.m.Y") }}</h2>
  186.                 {% endif %}
  187.                 <div class="price__new__car__wrapper">
  189.                     <div class="price__new__car__name__box">
  190.                         <p class="price__new__car__name">{{ 'search.cars'|trans({}, 'portal_base') }}</p>
  191.                         <p class="price__new__car__name">{{ 'catalog.prices'|trans({}, 'portal_base') }}</p>
  192.                     </div>
  194.                     <table class="price__table__wrapper">
  195.                         <tbody>
  196.                         {% for vehicle in vehicleTopViews %}
  197.                             {% if vehicle.isUsed %}
  198.                                 <tr>
  199.                                     <td>
  200.                                         <a href="{{ path('portal_used_car',{url:vehicle.url}) }}">
  201.                                             <p class="price__new__info__name">{{ vehicle.fullName }} {{ vehicle.engineVolume(app.request.locale) | engine_volume_short }} л., {{ vehicle.year }}, {{ vehicle.transmissionTypeName(app.request.locale) }}</p>
  202.                                         </a>
  203.                                     </td>
  204.                                     <td>
  205.                                         <p class="price__new__info__price">{{ vehicle.price|price }} грн</p>
  206.                                     </td>
  207.                                 </tr>
  208.                             {% else %}
  209.                                 <tr>
  210.                                     <td>
  211.                                         <a href="{{ path('portal_new_car',{dealer: vehicle.dealer.url, url:vehicle.url, variation: vehicle.vehicleItemId }) }}">
  212.                                             <p class="price__new__info__name">{{ vehicle.fullName }} {{ vehicle.equipment.title }} {{ vehicle.engineVolume(app.request.locale) | engine_volume_short }} л., {{ vehicle.year }}, {{ vehicle.transmissionTypeName(app.request.locale) }}</p>
  213.                                         </a>
  214.                                     </td>
  215.                                     <td>
  216.                                         <p class="price__new__info__price">{{ vehicle.price|price }} грн</p>
  217.                                     </td>
  218.                                 </tr>
  219.                             {% endif %}
  220.                         {% endfor %}
  221.                         </tbody>
  222.                     </table>
  223.                 </div>
  224.             </div>
  225.         </section>
  227.         <section class="section__select__cars__characteristics" v-if="seoLinks.blocks">
  228.             <div class="container">
  229.                 {% if state == 'used' %}
  230.                     <h2 class="site__main__title">{{ 'catalog.select_used_characteristics'|trans({}, 'portal_base') }}</h2>
  231.                 {% else %}
  232.                     {% if type  == 'car' %}
  233.                         <h2 class="site__main__title">{{ 'catalog.select_characteristics'|trans({}, 'portal_base') }}</h2>
  234.                     {% else %}
  235.                         <h2 class="site__main__title">{{ ('catalog.select_characteristics_' ~ type)|trans({}, 'portal_base') }}</h2>
  236.                     {% endif %}
  237.                 {% endif %}
  239.                 <table class="table__cars__characteristics">
  240.                     <tbody>
  241.                         <tr v-for="(blok, key) in seoLinks.blocks" v-if="key != 'model'" class="select__cars__characteristics__box">
  242.                             <td class="select__cars__characteristics__item-title" v-html="blok.title"></td>
  243.                             <td v-for="link in blok.links">
  244.                                 <a v-if="link.url" :href="link.url"  class="select__cars__characteristics__item" v-html="link.title"></a>
  245.                             </td>
  246.                         </tr>
  247.                     </tbody>
  248.                 </table>
  249.             </div>
  250.         </section>
  251.     </div>
  253. {% endblock %}
  255. {% block schema_catalog_product %}
  256.     {% if count %}
  257.         <script type="application/ld+json">
  258.             {
  259.                 "@context": "https://schema.org",
  260.                 "@type": ["Product"],
  261.                 "name": "1111{{ pageH1 }}",
  262.                 "description": "{{ pageDescription }}",
  263.                 "image": [
  264.             {% for vehicle in vehicles %}
  265.                 {
  266.                     "@type": "ImageObject",
  267.                     "image": "{{ vehicle.vehiclePicture.img }}",
  268.                     "contentUrl": "{{ vehicle.vehiclePicture.img }}"
  269.                 }{% if not loop.last %}{{ ',' }}{% endif %}
  270.             {% endfor %}
  271.             ],
  272.             "offers": {
  273.                 "@type": "AggregateOffer",
  274.                 "priceCurrency": "UAH",
  275.                 "lowPrice": "{{ minMaxPrice.minPrice }}",
  276.                     "highPrice": "{{ minMaxPrice.maxPrice }}",
  277.                     "offerCount": "{{ count }}"
  278.                 }
  279.             }
  280.         </script>
  281.     {% endif %}
  282. {% endblock %}