src/PortalBundle/Resources/views/Unicomers/unicomers.html.twig line 1

Open in your IDE?
  1. {% extends '@Portal/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'seo.unicomers.title'|trans({}, 'portal_base') }}</title>
  5.     <meta name="description" content="{{ 'seo.unicomers.description'|trans({},'portal_base') }}"/>
  6. {% endblock %}
  8. {% block css %}
  9.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/finance/style.css') }}">
  10.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/finance/corporate.css') }}">
  11.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/finance/unicomers.css') }}">
  12.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/unicomerce-consult-form.css') }}">
  13.     <link rel="stylesheet" type="text/css" href="{{ asset('/bundles/core/css/bootstrap_build/carousel.css') }}">
  14.     <link rel="stylesheet" type="text/css" href="{{ asset('/bundles/core/css/modules/gallery/lightslider.css') }}">
  15. {% endblock %}
  17. {% block content %}
  18.     <section class="breadcrumbs__new">
  19.         <div class="container">
  20.             <ol class="vidi_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  21.                 <li class="marker__none" itemprop="itemListElement" itemscope
  22.                     itemtype="https://schema.org/ListItem">
  23.                     <a itemprop="item" href="{{ path('portal_homepage') }}">
  24.                         <span class="breadcrumbs__link" itemprop="name">VIDI.UA</span></a>
  25.                     <meta itemprop="position" content="1"/>
  26.                 </li>
  28.                 <div class="arrow-bc"></div>
  29.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  30.                     itemtype="https://schema.org/ListItem">
  31.                     <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ 'service.service'|trans({}, 'portal_base') }}</span>
  32.                     <meta itemprop="position" content="2"/>
  33.                 </li>
  35.                 <div class="arrow-bc"></div>
  36.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  37.                     itemtype="https://schema.org/ListItem">
  38.                     <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ 'unicomers.unicomers_title3'|trans({}, 'portal_base') }}</span>
  39.                     <meta itemprop="position" content="3"/>
  40.                 </li>
  41.             </ol>
  42.         </div>
  43.     </section>
  45.     {% if app.request.locale == 'ru' %}
  46.         {% include '@Portal/Unicomers/translations/unicomers_ru.html.twig' %}
  47.     {% else %}
  48.         {% include '@Portal/Unicomers/translations/unicomers_ua.html.twig' %}
  49.     {% endif %}
  52. {% endblock %}
  54. {% block pageJS %}
  56.     <script>
  57.         app.onCustomEvent('appInit', function () {
  58.             app.loadJs("{{ asset('/bundles/core/js/modules/gallery/lightslider.js') }}", function () {
  59.                 $('#lightSlider').lightSlider({
  60.                     auto:true,
  61.                     loop:true,
  62.                     item:4,
  63.                     controls: true,
  64.                     slideMove:1,
  65.                     adaptiveHeight: true,
  66.                     pager: false,
  67.                     speed:900,
  68.                     responsive : [
  69.                         {
  70.                             breakpoint: 1100,
  71.                             settings: {
  72.                                 item:3,
  73.                                 pager: false,
  74.                                 slideMove:1
  75.                             }
  76.                         },
  77.                         {
  78.                             breakpoint:800,
  79.                             settings: {
  80.                                 item:2,
  81.                                 slideMove:1,
  82.                                 pager: false,
  83.                                 slideMargin:6
  84.                             }
  85.                         },
  86.                         {
  87.                             breakpoint:480,
  88.                             settings: {
  89.                                 item:1,
  90.                                 pager: false,
  91.                                 slideMove:1
  92.                             }
  93.                         }
  94.                     ]
  95.                 });
  96.             });
  97.             $('#unicomerceConsultService').on('submit', function (e) {
  98.                 e.preventDefault();
  99.                 e.stopPropagation();
  100.                 var form = $(this);
  101.                 var data = form.serialize();
  102.                 app.http.send({
  103.                     method: 'POST',
  104.                     url: form.data('id'),
  105.                     data: data,
  106.                     success: function () {
  107.                         app.leadForms.showSuccessMessage();
  108.                         $('#orderCall').modal('hide');
  109.                         $('#commercialModal').modal('hide');
  110.                         try {
  111.                             dataLayer.push({'event' : 'event-to-go', 'eventAction': 'submit', 'eventCategory' : 'corporate', 'eventLabel' : 'corporate' });
  112.                         } catch (e) {
  113.                             console.error('dataLayer event error');
  114.                         }
  115.                     }
  116.                 });
  117.             });
  118.             $('#unicomersCallOrder').on('submit', function (e) {
  119.                 e.preventDefault();
  120.                 e.stopPropagation();
  121.                 var form = $(this);
  122.                 var data = form.serialize();
  123.                 app.http.send({
  124.                     method: 'POST',
  125.                     url: form.data('id'),
  126.                     data: data,
  127.                     success: function () {
  128.                         app.leadForms.showSuccessMessage();
  129.                         $('#orderCall').modal('hide');
  130.                         $('#commercialModal').modal('hide');
  131.                         try {
  132.                             dataLayer.push({'event' : 'event-to-go', 'eventAction': 'submit', 'eventCategory' : 'call-order', 'eventLabel' : 'call-order-corporate' });
  133.                         } catch (e) {
  134.                             console.error('dataLayer event error');
  135.                         }
  136.                     }
  137.                 });
  138.             });
  139.         });
  140.     </script>
  142. {% endblock %}