src/DcSiteBundle/Resources/views/Subaru/Accessories/accessories-page.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Subaru/base.html.twig' %}
  3. {% block title %}
  4.     {% include '@DcSiteBundle/Modules/acessories/module/block-seo.html.twig' %}
  5. {% endblock title %}
  7. {% block seo %}
  8. {% endblock seo %}
  10. {% block ogtagDynamic %}
  11.     {% include '@DcSiteBundle/Modules/acessories/module/og-tag-dnamic.htm.twig' %}
  12. {% endblock ogtagDynamic %}
  14. {% block ogtagDynamicImage %}
  15.     <meta property="og:image" content="{{ sonata_path(accessory.image , 'reference') }}"/>
  16. {% endblock ogtagDynamicImage %}
  18. {% block canonical %}
  19.     <link rel="canonical" href="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}"/>
  20. {% endblock canonical %}
  22. {% block css %}
  23.     <link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/toyota_odessa/reset.css') }}">
  24.     <link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/toyota_odessa/service/accessories-page.css') }}">
  26.      <link rel="stylesheet" href="{{ asset('/bundles/core/css/modules/magnific-popup/magnific-popup.css') }}"/>
  27.      <link rel="stylesheet" href="{{ asset('/bundles/core/css/modules/slick/slick.css') }}">
  28. {% endblock %}
  30. {% block content %}
  32.     <section class="breadcrumbs__new">
  33.         {% set contentId = 1 %}
  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('subaru_homepage') }}">
  39.                         <span class="breadcrumbs__link" itemprop="name">SUBARU</span></a>
  40.                     <meta itemprop="position" content="{{ contentId }}"/>
  41.                 </li>
  43.                 {% for item in breadcrumbs %}
  45.                     {% set contentId = contentId + 1 %}
  46.                     <div class="arrow-bcs"> ❯</div>
  47.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  48.                         itemtype="https://schema.org/ListItem">
  49.                         {% if item.parent is null %}
  50.                             <a itemprop="item" href="{{ path('shop_accessory_catalog') }}">
  51.                             <span class="breadcrumbs__link"
  52.                                   itemprop="name">{{ item.title(app.request.locale) }}</span>
  53.                             </a>
  54.                         {% else %}
  55.                             <a itemprop="item" href="{{ path('shop_accessory_category', {categoryUrl:item.url}) }}">
  56.                             <span class="breadcrumbs__link"
  57.                                   itemprop="name">{{ item.title(app.request.locale) }}</span></a>
  58.                         {% endif %}
  59.                         <meta itemprop="position" content="{{ contentId }}"/>
  60.                     </li>
  61.                 {% endfor %}
  63.                 {% set contentId = contentId + 1 %}
  65.                 <div class="arrow-bcs"> ❯</div>
  66.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  67.                     itemtype="https://schema.org/ListItem">
  68.                     <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ accessory.title }}</span>
  69.                     <meta itemprop="position" content="{{ contentId }}"/>
  70.                 </li>
  71.             </ol>
  72.         </div>
  73.     </section>
  75.     {% include '@DcSiteBundle/Modules/acessories/acessories-product.html.twig' %}
  77. {% endblock %}
  79. {% block pageJs %}
  80.     <script>
  81.         app.onCustomEvent('appInit', function () {
  82.             app.loadJs('{{ asset('/bundles/dcsite/js/modules/accessories/accessories-product.js') }}', function () {
  83.                 initAccessoriesProduct({
  84.                     initUrl: '{{ path('base_accessories_vs') }}',
  85.                     addReviewUrl: '{{ path('base_review_init') }}',
  86.                     addAccessoryToBasketUrl: '{{ path('my_basket_add_accessory') }}',
  87.                     basketUrl: '{{ path('subaru_basket') }}',
  88.                     locale: '{{ app.request.locale }}',
  89.                     accessoryId: {{ accessory.id }},
  90.                     dealerId: {{ dealer.id }},
  91.                     review_count: {{ accessory.review.count }},
  92.                     review_avg: {{ accessory.review.avg }},
  93.                     accessory: {{ accessory|json_encode|raw }},
  94.                     secondCategory: "{{ breadcrumbs[1].titleUa }}",
  95.                     brand: "{{ dealer.brand }}",
  96.                 });
  97.             });
  98.               app.loadJs('{{ asset('/bundles/core/js/modules/slick/slick.js') }}',function (){
  99.                 $('.acces_gall_slider').slick({
  100.                     infinite: true,
  101.                     slidesToShow: 1,
  102.                     slidesToScroll: 1,
  103.                     initialSlide: 0,
  104.                     arrows: true,
  105.                     prevArrow: "<img class='slick-arrow-acces acces-arrow-left' src='/bundles/portal/img/compr-l.svg'>",
  106.                     nextArrow: "<img class='slick-arrow-acces acces-arrow-right' src='/bundles/portal/img/compr-r.svg'>"
  107.                 });
  108.             });
  109.             app.loadJs('{{ asset('/bundles/core/js/modules/magnific-popup/magnific-popup.min.js') }}', function () {
  110.                 $('.popup-gallery').magnificPopup({
  111.                         delegate: 'a',
  112.                         type: 'image',
  113.                         tLoading: 'Loading image #%curr%...',
  114.                         mainClass: 'mfp-img-mobile',
  115.                         gallery: {
  116.                             enabled: true,
  117.                             navigateByImgClick: true,
  118.                         },
  119.                 });
  120.             });
  121.         });
  122.     </script>
  123. {% endblock %}