src/DcSiteBundle/Resources/views/Peugeot/Accessories/accessories-catalog.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Peugeot/template.html.twig' %}
  3. {% block canonical %}
  4.     <link rel="canonical" href="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}"/>
  5. {% endblock canonical %}
  7. {% block head %}
  8.     {% include '@DcSite/Modules/acessories/module/block-seo.html.twig' %}
  9.     <meta name="google-site-verification" content="gboUNadhhEyBztnrR7iBIU5BZf_sUV0rIuRsXq2bcH8" />
  10.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/dcsite/peugeot/css/peugeotAccessoriesCatalog.css?{{ VERSION }}">
  11. {% endblock %}
  13. {% block ogtagDynamic %}
  14.     {% include '@DcSite/Modules/acessories/module/og-tag-dnamic.htm.twig' %}
  15. {% endblock %}
  17. {% block content %}
  18.     <section class="breadcrumb_page breadcrumbs__new">
  19.         {% set contentId = 1 %}
  20.         <div class="container">
  21.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  22.                 <li class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  23.                     <a itemprop="item" href="{{ path('peugeot_homepage') }}">
  24.                         <span class="breadcrumbs__link" itemprop="name">Peugeot</span></a>
  25.                     <meta itemprop="position" content="{{ contentId }}"/>
  26.                 </li>
  28.                 {% if breadcrumbs is defined %}
  29.                     {% for item in breadcrumbs %}
  31.                         {% set contentId = contentId + 1 %}
  33.                         <div class="arrow-bcs"> ❯</div>
  34.                         <li itemprop="itemListElement" itemscope
  35.                             itemtype="https://schema.org/ListItem">
  36.                             {% if item.parent is null %}
  37.                                 <a itemprop="item" href="{{ path('shop_accessory_catalog') }}">
  38.                                     <span class="accessory-breadcrumb" itemprop="name">{{ item.title(app.request.locale)|lower|capitalize }}</span></a>
  39.                             {% else %}
  40.                                 <a itemprop="item" href="{{ path('shop_accessory_category', {categoryUrl:item.url}) }}">
  41.                                     <span class="accessory-breadcrumb"  itemprop="name">{{ item.title(app.request.locale)|lower|capitalize }}</span></a>
  42.                             {% endif %}
  43.                             <meta itemprop="position" content="{{ contentId }}"/>
  44.                         </li>
  46.                     {% endfor %}
  47.                 {% elseif model is defined %}
  48.                     <div class="arrow-bcs"> ❯</div>
  49.                     <li class="marker__none" itemprop="itemListElement" itemscope
  50.                         itemtype="https://schema.org/ListItem">
  51.                         <a itemprop="item" href="{{ path('shop_accessory_catalog') }}">
  52.                             <span class="breadcrumbs__link" itemprop="name">Аксесуари</span>
  53.                         </a>
  54.                         <meta itemprop="position" content="{{ contentId }}"/>
  55.                     </li>
  56.                 {% endif %}
  58.                 {% set contentId = contentId + 1 %}
  60.                 <div class="arrow-bcs"> ❯</div>
  61.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  62.                     itemtype="https://schema.org/ListItem">
  64.                     {% if model is defined %}
  65.                     <a itemprop="item" href="{{ path('peugeot_service_accessory_model', {'modelUrl': model.url}) }}">
  66.                         {% elseif category is defined %}
  67.                         <a itemprop="item" href="{{ path('shop_accessory_catalog') }}">
  68.                             {% else %}
  69.                             <a itemprop="item" href="#" style="{{ variation is defined ? '' : 'color: #ABABAB;' }}">
  70.                                 {% endif %}
  72.                                 {% if category is defined %}
  73.                                     <span class="breadcrumbs__link" itemprop="name">{{ category.title(app.request.locale) }}</span>
  74.                                 {% endif %}
  76.                                 {% if model is defined %}
  77.                                     <span class="breadcrumbs__link" itemprop="name">{{ model.title }}</span>
  78.                                 {% endif %}
  80.                                 <meta itemprop="position" content="{{ contentId }}"/>
  81.                             </a>
  82.                         </a>
  83.                     </a>
  84.                 </li>
  86.                 {% if variation is defined %}
  87.                     <div class="arrow-bcs"> ❯</div>
  88.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  89.                         itemtype="https://schema.org/ListItem">
  90.                         <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ variation.years }}</span>
  91.                         <meta itemprop="position" content="{{ contentId }}"/>
  92.                     </li>
  93.                 {% endif %}
  94.             </ol>
  95.         </div>
  96.     </section>
  98.     {% include '@DcSite/Modules/acessories/accessories-catalog.html.twig' with {'svgColor' : '#00a3e0'} %}
  100. {% endblock %}
  102. {% block script %}
  104.     <script src="/dist/{{ MODE }}/dcsite/peugeot/js/peugeotAccessoriesCatalog.js?{{ VERSION }}"></script>
  105.     <script>
  106.         $(() => {
  107.            window.initAccessoriesFilters({
  108.                 initUrl: '{{ path('base_accessories_filter_init') }}',
  109.                 baseAccessoryUrl: '{{ path('shop_accessory_catalog') }}',
  110.                 buildUrl: '{{ path('base_accessories_filter_build_url') }}',
  111.                 params: {{ baseParams|json_encode|raw }},
  112.                 categoryUrl: '{{ app.request.get('categoryUrl') }}',
  113.                 modelUrl: '{{ app.request.get('modelUrl') }}',
  114.                 filterParams: {{ filterParams|json_encode|raw }},
  115.                currentVariation: {{ variation is defined ? variation|json_encode|raw : '[]' }},
  116.                carModels: {{ accessoryModel is defined ? accessoryModel|json_encode|raw : '[]' }},
  117.                modelVariations: {{ modelVariations is defined ? modelVariations|json_encode|raw : '[]' }},
  118.             });
  120.             window.initSlickSlider({
  121.                 nextArrow: `<img class="slick-next" src="{{ asset('bundles/dcsite/css/modules/slick-slider/next.svg') }}" alt="next">`,
  122.                 prevArrow: `<img class="slick-prev" src="{{ asset('bundles/dcsite/css/modules/slick-slider/prev.svg') }}" alt="prev">`,
  123.             })
  124.         });
  125.     </script>
  126. {% endblock %}