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.             {% if blocks.get('user_message')|striptags|trim != "" and (app.request.cookies.get('message-top') == NULL or app.request.cookies.get('message-top') != '0') %}
  106.                 <div class="message-top">
  107.                     <div class="container">
  108.                         <div class="row">
  109.                             <div class="col-md-12 pr">
  110.                                 <div class="message-top-close">
  111.                                     <a href="#">
  112.                                         <i class="fa fa-close"></i>
  113.                                     </a>
  114.                                 </div>
  115.                                 {{ blocks.get('user_message')|raw }}
  116.                             </div>
  117.                         </div>
  118.                     </div>
  119.                 </div>
  120.             {% endif %}
  121.         </div>
  123.         <div id="stiheader-ghost"></div>
  124.         <div id="stiheader">
  125.             <div class="middle-header">
  126.                 <div class="container">
  127.                     <div class="row">
  128.                         <div class="col-sm-3">
  129.                             <div class="mh-logo">
  130.                                 <a href="{{ path('home') }}"><img alt="Logo" src="{{ asset(env.site ~ '.' ~ app.request.locale ~ '.png', 'img') }}" class="img-responsive"/></a>
  131.                             </div>
  132.                         </div>
  133.                         <div class="col-sm-9">
  134.                             <div class="mh-pics">
  135.                                 <div class="mhp-item">
  136.                                     <div class="mhp-wrapper">{#                            <?=$this->render('cart/block.php')?>#}
  137.                                         {#                            <hr>#}
  138.                                         {#                            <b>Cart3</b>#}
  139.                                         {#                            <div id="cart"></div>#}
  140.                                         {#                            <hr>#}
  141.                                     </div>
  142.                                 </div>
  143.                             </div>
  144.                             <div class="mh-search">
  145.                                 <div class="wm-tel">
  146.                                     {% if env.site == env.domopt %}
  147.                                         <a href="{% if isCallAvailable %}tel:0800312370{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  148.                                             0-800-312-370</a>
  149.                                     {% elseif env.site == env.mir %}
  150.                                         <a href="{% if isCallAvailable %}tel:88005052523{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  151.                                             8 (800) 505-25-23</a>
  152.                                     {% elseif env.site == env.miropt %}
  153.                                         <a href="{% if isCallAvailable %}tel:88005052523{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  154.                                             8 (800) 505-25-23</a>
  155.                                     {% elseif env.site == env.mix %}
  156.                                         <a href="{% if isCallAvailable %}tel:+48668522718{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  157.                                             +48 668 522 718</a>
  158.                                     {% elseif env.site == env.mixopt %}
  159.                                         <a href="{% if isCallAvailable %}tel:+48668522718{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  160.                                             +48 668 522 718</a>
  161.                                     {% else %}
  162.                                         <a href="{% if isCallAvailable %}tel:0800312370{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  163.                                             0-800-312-370</a>
  164.                                     {% endif %}
  165.                                     <span class="top-phone-time{% if not isCallAvailable %} top-phone-time-inactive{% endif %}"></span>
  166.                                     <span>{{ labels.get('tel-time-from')|raw }}
  167.                                         {{ labels.get('tel-start')|raw }}
  168.                                         {{ labels.get('tel-time-to')|raw }}
  169.                                         {{ labels.get('tel-end')|raw }}
  170.                                         ({{ labels.get('tel-city')|raw }})</span>
  171.                                     &nbsp;|<a data-toggle="modal" href="#modal_callback" rel="nofollow" class="wm-callback">
  172.                                         {{ labels.get('callback')|raw }}
  173.                                     </a>
  174.                                 </div>
  175.                                 <h3>{{ labels.get('checkout-head')|raw }}</h3>
  176.                             </div>
  177.                         </div>
  178.                     </div>
  179.                 </div>
  180.             </div>
  182.             <nav class="navbar navbar-default lastheader" id="lastheader">
  184.                 {{ include('block/navbar-part.html.twig') }}
  186.                 <div class="container m-main-buttons visible-xs">
  187.                     <h3>{{ labels.get('checkout-head')|raw }}</h3>
  188.                 </div>
  189.             </nav>
  190.         </div>
  192.         <!-- Main Content -->
  193.         <div class="container m-t-2 m-m-t">
  194.             <div class="row">
  195.                 <div class="col-sm-12 cont">
  197.                     <div class="ch-block">
  198.                         <a href="{{ step <= 1 ? '#' : path('checkout') }}" class="ch-a{% if step > 1 %} done{% endif %}{% if step == 1 %} active{% endif %}">
  199.                     <span class="pa chbn">{{ labels.get('step')|raw }} 1</span>
  200.                     <span class="ch-img">
  201.                         <img src="{{ asset('checkout-step-1.svg', 'img') }}" alt="">
  202.                     </span>
  203.                     <span class="ch-text">
  204.                         {{ labels.get('checkout-head-1')|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 <= 2 ? '#' : path('checkout_delivery') }}" class="ch-a{% if step > 2 %} done{% endif %}{% if step == 2 %} active{% endif %}">
  211.                     <span class="pa chbn">{{ labels.get('step')|raw }} 2</span>
  212.                     <span class="ch-img">
  213.                         <img src="{{ asset('checkout-step-2.svg', 'img') }}" alt="">
  214.                     </span>
  215.                     <span class="ch-text">
  216.                         {{ labels.get('checkout-head-2')|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 <= 3 ? '#' : path('checkout_payment') }}" class="ch-a{% if step > 3 %} done{% endif %}{% if step == 3 %} active{% endif %}">
  223.                     <span class="pa chbn">{{ labels.get('step')|raw }} 3</span>
  224.                     <span class="ch-img">
  225.                         <img src="{{ asset('checkout-step-3.svg', 'img') }}" alt="">
  226.                     </span>
  227.                     <span class="ch-text">
  228.                         {{ labels.get('checkout-head-3')|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 <= 4 ? '#' : path('checkout_confirm') }}" class="ch-a{% if step > 4 %} done{% endif %}{% if step == 4 %} active{% endif %}">
  235.                     <span class="pa chbn">{{ labels.get('step')|raw }} 4</span>
  236.                     <span class="ch-img">
  237.                         <img src="{{ asset('checkout-step-4.svg', 'img') }}" alt="">
  238.                     </span>
  239.                     <span class="ch-text">
  240.                         {{ labels.get('checkout-head-4')|raw }}
  241.                     </span>
  242.                     <span class="ch-arrow">
  243.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  244.                     </span>
  245.                 </a>
  246.                 <a href="{{ step <= 5 ? '#' : path('checkout_finish') }}" class="ch-a{% if step == 5 %} done{% endif %}">
  247.                     <span class="pa chbn">{{ labels.get('step-done')|raw }}</span>
  248.                     <span class="ch-img">
  249.                         <img src="{{ asset('checkout-step-5.svg', 'img') }}" alt="">
  250.                     </span>
  251.                     <span class="ch-text">
  252.                     {{ labels.get('checkout-head-5')|raw }}
  253.                     </span>
  254.                 </a>
  255.             </div>
  257.             <div id="ect-1" class="ect">
  258.                 <div class="cart-left-0 clearfix">
  260.                 </div>
  261.                 {% if cart_items|length %}
  262.                     <div class="cart-right">
  263.                         {{ include('cart/block/cart-right-block.html.twig') }}
  264.                     </div>
  265.                 {% endif %}
  266.                 <div class="cart-left">
  267.                     <div class="cart-edit checkout-cont">
  268.                         {% if args[1] == 'delivery' %}
  269.                             <div class="checkout-cont-preloader">
  270.                                 <img src="{{ asset('loading-img' ~ (env.is_opt ? '-opt' : '') ~ '.gif', 'img') }}" alt="">
  271.                             </div>
  272.                         {% endif %}
  273.                         <div class="checkout-cont-wrapper{% if args[1] == 'delivery' %} inactive{% endif %}">
  274.                             <h1 class="pl-h1">{{ h1 }}</h1>
  275.                             {% block body %}{% endblock %}
  276.                         </div>
  277.                     </div>
  279.                     {% if args[1] != 'finish' %}
  280.                         <div id="m-cart-amount-block" class="visible-xs">
  281.                             {% if cart_items|length %}
  282.                                 <div id="cart-amount-block" class="row">
  283.                                     {{ include('cart/block/amount-block.html.twig') }}
  284.                                 </div>
  285.                             {% endif %}
  286.                         </div>
  287.                     {% endif %}
  289.                     <div id="p-cart-amount-block">
  290.                         {% if cart_items|length %}
  291.                             {{ include('cart/block/cart-right-block-2.html.twig') }}
  292.                         {% endif %}
  293.                     </div>
  294.                 </div>
  295.             </div>
  297.             {{ include('cart/block/cart-bottom-amount-blocks.html.twig') }}
  299.             {{ include('cart/block/cart-block-scripts.html.twig') }}
  301.         </div>
  303.     </div>
  304.     <!-- End Main Content -->
  306.     <a href="#top" class="back-top text-center">
  307.         <img src="{{ asset('014-up-arrow.svg', 'img') }}" alt="" width="10">
  308.     </a>
  310.     {% if(env.code_bitrix) %}
  311.         <script>
  312.             (function(w,d,u){
  313.                 var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
  314.                 var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
  315.             })(window,document,'https://bitrix24.dombusin.com/upload/crm/site_button/{{ env.code_bitrix }}.js');
  316.         </script>
  317.     {% endif %}
  319.     {% if(env.code_emt) %}
  320.         <script src="https://emailtools.ru/js/api/v1/tools.js" defer="" async=""></script>
  321.         <script>
  322.             window.EMT = window.EMT || {};
  323.             EMT._client_id = {{ env.code_emt }}
  324.         </script>
  325.     {% endif %}
  327.     {{ include('block/modal_callback.html.twig') }}
  328.     {{ include('block/modal_sent.html.twig') }}
  329.     {{ include('block/modal_city.html.twig') }}
  330.     {{ include('block/razmetka.html.twig') }}
  332. </body>
  333. </html>