templates/checkout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale }}" itemscope itemtype="http://schema.org/WebPage">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1">
  8.         <title>{{ (page.title ? page.title : sett.get('sitename') ~ '. ' ~ page.name)|raw }}</title>
  9.         <meta name="description" content="{{ page.descr }}">
  10.         <meta name="keywords" content="{{ page.kw }}">
  12.         <link rel="shortcut icon" href="{{ asset('favicon/favicon.ico', 'pic') }}" type="image/x-icon">
  13.         <link rel="icon" href="{{ asset('favicon/favicon.ico', 'pic') }}" type="image/x-icon">
  14.         <link rel="apple-touch-icon" sizes="57x57" href="{{ asset('favicon/apple-touch-icon-57x57.png', 'pic') }}">
  15.         <link rel="apple-touch-icon" sizes="60x60" href="{{ asset('favicon/apple-touch-icon-60x60.png', 'pic') }}">
  16.         <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('favicon/apple-touch-icon-72x72.png', 'pic') }}">
  17.         <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('favicon/apple-touch-icon-76x76.png', 'pic') }}">
  18.         <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('favicon/apple-touch-icon-114x114.png', 'pic') }}">
  19.         <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('favicon/apple-touch-icon-120x120.png', 'pic') }}">
  20.         <link rel="apple-touch-icon" sizes="144x144" href="{{ asset('favicon/apple-touch-icon-144x144.png', 'pic') }}">
  21.         <link rel="apple-touch-icon" sizes="152x152" href="{{ asset('favicon/apple-touch-icon-152x152.png', 'pic') }}">
  22.         <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('favicon/apple-touch-icon-180x180.png', 'pic') }}">
  23.         <link rel="icon" type="image/png" sizes="192x192" href="{{ asset('favicon/android-chrome-192x192.png', 'pic') }}">
  24.         <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon/favicon-32x32.png', 'pic') }}">
  25.         <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon/favicon-16x16.png', 'pic') }}">
  26.         <meta name="msapplication-TileColor" content="#ffffff">
  27.         <meta name="msapplication-TileImage" content="{{ asset('favicon/mstile-144x144.png', 'pic') }}">
  28.         <meta name="theme-color" content="#ffffff">
  30.         {{ sett.get('meta')|raw }}
  31.         {% if(canonical) %}
  32.             <link rel="canonical" href="https://{{ host }}{{ canonical }}"/>
  33.         {% endif %}
  35.         {% if noindex %}
  36.             <meta name="robots" content="noindex, nofollow"/>
  37.         {% endif %}
  39.         {# {% if env.is_opt or noindex or default_lang != app.request.locale %}
  40.             <meta name='robots' content='noindex, nofollow'/>
  41.         {% elseif (env.site==env.mix or env.site==env.mixopt) and app.request.locale!='pl' %}
  42.             <meta name='robots' content='noindex, nofollow'/>
  43.         {% endif %} #}
  45.         <meta name="mailru-verification" content="37d58a46a72cab32"/>
  47.         {% block stylesheets %}
  48.             {{ encore_entry_link_tags('app') }}
  49.         {% endblock %}
  51.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
  52.         <script src="https://maps.googleapis.com/maps/api/js?key={{ env.code_google_maps }}&libraries=&v=weekly" defer></script>
  53.         <script src="https://unpkg.com/@googlemaps/markerclustererplus/dist/index.min.js"></script>
  55.         {{ include('block/jslabels.html.twig') }}
  57.         {% if env.site == env.mix or env.site == env.mixopt %}
  58.         <script async src="https://geowidget.easypack24.net/js/sdk-for-javascript.js"></script>
  59.         <link rel="stylesheet" href="https://geowidget.easypack24.net/css/easypack.css" />
  60.         {% endif %}
  61.         
  62.         {% block javascripts %}
  63.             {{ encore_entry_script_tags('app') }}
  64.         {% endblock %}
  65.         
  66.         {{ include('block/seo/opengraph.html.twig') }}
  67.         {{ include('block/gtm.html.twig') }}
  69.         <script charset="UTF-8" src="{{ env.code_sendpulse }}" async></script>
  71.         {{ ga_events_init()|raw }}
  73.         {% if ga_events_checkout_begin %}
  74.             {{ ga_events_checkout_begin(cart_items)|raw }}
  75.         {% endif %}
  77.         {% if ga_events_checkout_finish %}
  78.             {{ ga_events_checkout_finish(order_id, order_sum, cart_items)|raw }}
  79.             {{ ga_events_checkout_client_email(user.email)|raw }}
  80.         {% endif %}
  81.     </head>
  82.     <body class="page-checkout">
  84.         <div id="fb-root"></div>
  85.         <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v5.0"></script>
  87.         {% if args[0] == 'register' %}
  88.             <div id="register_error_0">
  89.                 <div class="added-message">{{ labels.get('ps-error')|raw }}</div>
  90.             </div>
  91.         {% endif %}
  92.         <div id="prod_added">
  93.             <div class="added-message">{{ labels.get('added-message-1')|raw }}</div>
  94.         </div>
  95.         <div id="prod_removed">
  96.             <div class="added-message">{{ labels.get('added-message-2')|raw }}</div>
  97.         </div>
  98.         <div id="prod_added2">
  99.             <div class="added-message">{{ labels.get('added-message-3')|raw }}</div>
  100.         </div>
  102.         <span id="ScMail" style="display: none;">{{ app.session.get('useremail') }}</span>
  104.         <div id="supheader">
  105.             <div
  106.                 data-controller="block-usermessage"
  107.                 data-block-usermessage-url-value="{{ path('block_usermessage') }}"
  108.                 data-block-usermessage-ignore-errors-value="true"
  109.             ></div>
  110.         </div>
  112.         <div id="stiheader-ghost"></div>
  113.         <div id="stiheader">
  114.             <div class="middle-header">
  115.                 <div class="container">
  116.                     <div class="row">
  117.                         <div class="col-sm-3">
  118.                             <div class="mh-logo">
  119.                                 <a href="{{ path('home') }}"><img alt="Logo" src="{{ asset(env.site ~ '.' ~ app.request.locale ~ '.png', 'img') }}" class="img-responsive"/></a>
  120.                             </div>
  121.                         </div>
  122.                         <div class="col-sm-9">
  123.                             <div class="mh-pics">
  124.                                 <div class="mhp-item">
  125.                                     <div class="mhp-wrapper">{#                            <?=$this->render('cart/block.php')?>#}
  126.                                         {#                            <hr>#}
  127.                                         {#                            <b>Cart3</b>#}
  128.                                         {#                            <div id="cart"></div>#}
  129.                                         {#                            <hr>#}
  130.                                     </div>
  131.                                 </div>
  132.                             </div>
  133.                             <div class="mh-search">
  134.                                 <div class="wm-tel">
  135.                                     {% if env.site == env.domopt %}
  136.                                         <a href="{% if isCallAvailable %}tel:0800312370{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  137.                                             0-800-312-370</a>
  138.                                     {% elseif env.site == env.mir %}
  139.                                         <a href="{% if isCallAvailable %}tel:88005052523{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  140.                                             8 (800) 505-25-23</a>
  141.                                     {% elseif env.site == env.miropt %}
  142.                                         <a href="{% if isCallAvailable %}tel:88005052523{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  143.                                             8 (800) 505-25-23</a>
  144.                                     {% elseif env.site == env.mix %}
  145.                                         <a href="{% if isCallAvailable %}tel:+48668522718{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  146.                                             +48 668 522 718</a>
  147.                                     {% elseif env.site == env.mixopt %}
  148.                                         <a href="{% if isCallAvailable %}tel:+48668522718{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  149.                                             +48 668 522 718</a>
  150.                                     {% else %}
  151.                                         <a href="{% if isCallAvailable %}tel:0800312370{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  152.                                             0-800-312-370</a>
  153.                                     {% endif %}
  154.                                     <span class="top-phone-time{% if not isCallAvailable %} top-phone-time-inactive{% endif %}"></span>
  155.                                     <span>{{ labels.get('tel-time-from')|raw }}
  156.                                         {{ labels.get('tel-start')|raw }}
  157.                                         {{ labels.get('tel-time-to')|raw }}
  158.                                         {{ labels.get('tel-end')|raw }}
  159.                                         ({{ labels.get('tel-city')|raw }})</span>
  160.                                     &nbsp;|<a data-toggle="modal" href="#modal_callback" rel="nofollow" class="wm-callback">
  161.                                         {{ labels.get('callback')|raw }}
  162.                                     </a>
  163.                                 </div>
  164.                                 <h3>{{ labels.get('checkout-head')|raw }}</h3>
  165.                             </div>
  166.                         </div>
  167.                     </div>
  168.                 </div>
  169.             </div>
  171.             <nav class="navbar navbar-default lastheader" id="lastheader">
  172.                 {{ include('block/navbar-part.html.twig') }}
  173.             </nav>
  174.         </div>
  176.         <div class="container m-main-buttons visible-xs">
  177.             <h3>{{ labels.get('checkout-head')|raw }}</h3>
  178.         </div>
  180.         <!-- Main Content -->
  181.         <div class="container m-t-2 m-m-t">
  182.             <div class="row">
  183.                 <div class="col-sm-12 cont">
  185.                     <div class="ch-block">
  186.                         <a href="{{ step <= 1 ? '#' : path('checkout') }}" class="ch-a{% if step > 1 %} done{% endif %}{% if step == 1 %} active{% endif %}">
  187.                     <span class="pa chbn">{{ labels.get('step')|raw }} 1</span>
  188.                     <span class="ch-img">
  189.                         <img src="{{ asset('checkout-step-1.svg', 'img') }}" alt="">
  190.                     </span>
  191.                     <span class="ch-text">
  192.                         {{ labels.get('checkout-head-1')|raw }}
  193.                     </span>
  194.                     <span class="ch-arrow">
  195.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  196.                     </span>
  197.                 </a>
  198.                 <a href="{{ step <= 2 ? '#' : path('checkout_delivery') }}" class="ch-a{% if step > 2 %} done{% endif %}{% if step == 2 %} active{% endif %}">
  199.                     <span class="pa chbn">{{ labels.get('step')|raw }} 2</span>
  200.                     <span class="ch-img">
  201.                         <img src="{{ asset('checkout-step-2.svg', 'img') }}" alt="">
  202.                     </span>
  203.                     <span class="ch-text">
  204.                         {{ labels.get('checkout-head-2')|raw }}
  205.                     </span>
  206.                     <span class="ch-arrow">
  207.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  208.                     </span>
  209.                 </a>
  210.                 <a href="{{ step <= 3 ? '#' : path('checkout_payment') }}" class="ch-a{% if step > 3 %} done{% endif %}{% if step == 3 %} active{% endif %}">
  211.                     <span class="pa chbn">{{ labels.get('step')|raw }} 3</span>
  212.                     <span class="ch-img">
  213.                         <img src="{{ asset('checkout-step-3.svg', 'img') }}" alt="">
  214.                     </span>
  215.                     <span class="ch-text">
  216.                         {{ labels.get('checkout-head-3')|raw }}
  217.                     </span>
  218.                     <span class="ch-arrow">
  219.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  220.                     </span>
  221.                 </a>
  222.                 <a href="{{ step <= 4 ? '#' : path('checkout_confirm') }}" class="ch-a{% if step > 4 %} done{% endif %}{% if step == 4 %} active{% endif %}">
  223.                     <span class="pa chbn">{{ labels.get('step')|raw }} 4</span>
  224.                     <span class="ch-img">
  225.                         <img src="{{ asset('checkout-step-4.svg', 'img') }}" alt="">
  226.                     </span>
  227.                     <span class="ch-text">
  228.                         {{ labels.get('checkout-head-4')|raw }}
  229.                     </span>
  230.                     <span class="ch-arrow">
  231.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  232.                     </span>
  233.                 </a>
  234.                 <a href="{{ step <= 5 ? '#' : path('checkout_finish') }}" class="ch-a{% if step == 5 %} done{% endif %}">
  235.                     <span class="pa chbn">{{ labels.get('step-done')|raw }}</span>
  236.                     <span class="ch-img">
  237.                         <img src="{{ asset('checkout-step-5.svg', 'img') }}" alt="">
  238.                     </span>
  239.                     <span class="ch-text">
  240.                     {{ labels.get('checkout-head-5')|raw }}
  241.                     </span>
  242.                 </a>
  243.             </div>
  245.             <div id="ect-1" class="ect">
  246.                 <div class="cart-left-0 clearfix">
  248.                 </div>
  249.                 {% if cart_items|length %}
  250.                     <div class="cart-right">
  251.                         {{ include('cart/block/cart-right-block.html.twig') }}
  252.                     </div>
  253.                 {% endif %}
  254.                 <div class="cart-left">
  255.                     <div class="cart-edit checkout-cont">
  256.                         {% if args[1] == 'delivery' %}
  257.                             <div class="checkout-cont-preloader">
  258.                                 <img src="{{ asset('loading-img' ~ (env.is_opt ? '-opt' : '') ~ '.gif', 'img') }}" alt="">
  259.                             </div>
  260.                         {% endif %}
  261.                         <div class="checkout-cont-wrapper{% if args[1] == 'delivery' %} inactive{% endif %}">
  262.                             <h1 class="pl-h1">{{ h1 }}</h1>
  263.                             {% block body %}{% endblock %}
  264.                         </div>
  265.                     </div>
  267.                     {% if args[1] != 'finish' %}
  268.                         <div id="m-cart-amount-block" class="visible-xs">
  269.                             {% if cart_items|length %}
  270.                                 <div id="cart-amount-block" class="row">
  271.                                     {{ include('cart/block/amount-block.html.twig') }}
  272.                                 </div>
  273.                             {% endif %}
  274.                         </div>
  275.                     {% endif %}
  277.                     <div id="p-cart-amount-block">
  278.                         {% if cart_items|length %}
  279.                             {{ include('cart/block/cart-right-block-2.html.twig') }}
  280.                         {% endif %}
  281.                     </div>
  282.                 </div>
  283.             </div>
  285.             {{ include('cart/block/cart-bottom-amount-blocks.html.twig') }}
  287.             {{ include('cart/block/cart-block-scripts.html.twig') }}
  289.         </div>
  291.     </div>
  292.     <!-- End Main Content -->
  294.     <a href="#top" class="back-top text-center">
  295.         <img src="{{ asset('014-up-arrow.svg', 'img') }}" alt="" width="10">
  296.     </a>
  298.     {% if(env.code_bitrix) %}
  299.         <script>
  300.             (function(w,d,u){
  301.                 var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
  302.                 var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
  303.             })(window,document,'https://bitrix24.dombusin.com/upload/crm/site_button/{{ env.code_bitrix }}.js');
  304.         </script>
  305.     {% endif %}
  307.     {% if(env.code_emt) %}
  308.         <script src="https://emailtools.ru/js/api/v1/tools.js" defer="" async=""></script>
  309.         <script>
  310.             window.EMT = window.EMT || {};
  311.             EMT._client_id = {{ env.code_emt }}
  312.         </script>
  313.     {% endif %}
  315.     {{ include('block/modal_callback.html.twig') }}
  316.     {{ include('block/modal_sent.html.twig') }}
  317.     {{ include('block/modal_city.html.twig') }}
  318.     {{ include('block/razmetka.html.twig') }}
  320. </body>
  321. </html>