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.     </head>
  72.     <body class="page-checkout">
  73.         <div id="fb-root"></div>
  74.         <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v5.0"></script>
  76.         {% if args[0] == 'register' %}
  77.             <div id="register_error_0">
  78.                 <div class="added-message">{{ labels.get('ps-error')|raw }}</div>
  79.             </div>
  80.         {% endif %}
  81.         <div id="prod_added">
  82.             <div class="added-message">{{ labels.get('added-message-1')|raw }}</div>
  83.         </div>
  84.         <div id="prod_removed">
  85.             <div class="added-message">{{ labels.get('added-message-2')|raw }}</div>
  86.         </div>
  87.         <div id="prod_added2">
  88.             <div class="added-message">{{ labels.get('added-message-3')|raw }}</div>
  89.         </div>
  91.         <span id="ScMail" style="display: none;">{{ app.session.get('useremail') }}</span>
  93.         {% if blocks.get('user_message')|striptags|trim != "" and (app.request.cookies.get('message-top') == NULL or app.request.cookies.get('message-top') != '0') %}
  94.             <div class="message-top">
  95.                 <div class="container">
  96.                     <div class="row">
  97.                         <div class="col-md-12 pr">
  98.                             <div class="message-top-close">
  99.                                 <a href="#">
  100.                                     <i class="fa fa-close"></i>
  101.                                 </a>
  102.                             </div>
  103.                             {{ blocks.get('user_message')|raw }}
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.         {% endif %}
  110.         <!-- Middle Header -->
  111.         <div class="middle-header">
  112.             <div class="container">
  113.                 <div class="row">
  114.                     <div class="col-sm-3">
  115.                         <div class="mh-logo">
  116.                             <a href="{{ path('home') }}"><img alt="Logo" src="{{ asset(env.site ~ '.' ~ app.request.locale ~ '.png', 'img') }}" class="img-responsive"/></a>
  117.                         </div>
  118.                     </div>
  119.                     <div class="col-sm-9">
  120.                         <div class="mh-pics">
  121.                             <div class="mhp-item">
  122.                                 <div class="mhp-wrapper">{#                            <?=$this->render('cart/block.php')?>#}
  123.                                     {#                            <hr>#}
  124.                                     {#                            <b>Cart3</b>#}
  125.                                     {#                            <div id="cart"></div>#}
  126.                                     {#                            <hr>#}
  127.                                 </div>
  128.                             </div>
  129.                         </div>
  130.                         <div class="mh-search">
  131.                             <div class="wm-tel">
  132.                                 {% if env.site == env.domopt %}
  133.                                     <a href="{% if isCallAvailable %}tel:0800312370{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  134.                                         0-800-312-370</a>
  135.                                 {% elseif env.site == env.mir %}
  136.                                     <a href="{% if isCallAvailable %}tel:88005052523{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  137.                                         8-800 505-25-23</a>
  138.                                 {% elseif env.site == env.miropt %}
  139.                                     <a href="{% if isCallAvailable %}tel:+74952152841{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  140.                                         +7 (495) 215-28-41</a>
  141.                                 {% elseif env.site == env.mix %}
  142.                                     <a href="{% if isCallAvailable %}tel:+48668522718{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  143.                                         +48 668 522 718</a>
  144.                                 {% elseif env.site == env.mixopt %}
  145.                                     <a href="{% if isCallAvailable %}tel:+48668522718{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  146.                                         +48 668 522 718</a>
  147.                                 {% else %}
  148.                                     <a href="{% if isCallAvailable %}tel:0800312370{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  149.                                         0-800-312-370</a>
  150.                                 {% endif %}
  151.                                 <span class="top-phone-time{% if not isCallAvailable %} top-phone-time-inactive{% endif %}"></span>
  152.                                 <span>{{ labels.get('tel-time-from')|raw }}
  153.                                     {{ labels.get('tel-start')|raw }}
  154.                                     {{ labels.get('tel-time-to')|raw }}
  155.                                     {{ labels.get('tel-end')|raw }}
  156.                                     ({{ labels.get('tel-city')|raw }})</span>
  157.                                 &nbsp;|<a data-toggle="modal" href="#modal_callback" rel="nofollow" class="wm-callback">
  158.                                     {{ labels.get('callback')|raw }}
  159.                                 </a>
  160.                             </div>
  161.                             <h3>{{ labels.get('checkout-head')|raw }}</h3>
  162.                         </div>
  163.                     </div>
  164.                 </div>
  165.             </div>
  166.         </div>
  167.         <!-- End Middle Header -->
  169.         <!-- Navigation Bar -->
  170.         <nav class="navbar navbar-default lastheader">
  172.             {{ include('block/navbar-part.html.twig') }}
  174.             <div class="container m-main-buttons visible-xs">
  175.                 <h3>{{ labels.get('checkout-head')|raw }}</h3>
  176.             </div>
  177.         </nav>
  179.         <!-- Main Content -->
  180.         <div class="container m-t-2 m-m-t">
  181.             <div class="row">
  182.                 <div class="col-sm-12 cont">
  184.                     <div class="ch-block">
  185.                         <a href="{{ step <= 1 ? '#' : path('checkout') }}" class="ch-a{% if step > 1 %} done{% endif %}{% if step == 1 %} active{% endif %}">
  186.                     <span class="pa chbn">{{ labels.get('step')|raw }} 1</span>
  187.                     <span class="ch-img">
  188.                         <img src="{{ asset('checkout-step-1.svg', 'img') }}" alt="">
  189.                     </span>
  190.                     <span class="ch-text">
  191.                         {{ labels.get('checkout-head-1')|raw }}
  192.                     </span>
  193.                     <span class="ch-arrow">
  194.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  195.                     </span>
  196.                 </a>
  197.                 <a href="{{ step <= 2 ? '#' : path('checkout_delivery') }}" class="ch-a{% if step > 2 %} done{% endif %}{% if step == 2 %} active{% endif %}">
  198.                     <span class="pa chbn">{{ labels.get('step')|raw }} 2</span>
  199.                     <span class="ch-img">
  200.                         <img src="{{ asset('checkout-step-2.svg', 'img') }}" alt="">
  201.                     </span>
  202.                     <span class="ch-text">
  203.                         {{ labels.get('checkout-head-2')|raw }}
  204.                     </span>
  205.                     <span class="ch-arrow">
  206.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  207.                     </span>
  208.                 </a>
  209.                 <a href="{{ step <= 3 ? '#' : path('checkout_payment') }}" class="ch-a{% if step > 3 %} done{% endif %}{% if step == 3 %} active{% endif %}">
  210.                     <span class="pa chbn">{{ labels.get('step')|raw }} 3</span>
  211.                     <span class="ch-img">
  212.                         <img src="{{ asset('checkout-step-3.svg', 'img') }}" alt="">
  213.                     </span>
  214.                     <span class="ch-text">
  215.                         {{ labels.get('checkout-head-3')|raw }}
  216.                     </span>
  217.                     <span class="ch-arrow">
  218.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  219.                     </span>
  220.                 </a>
  221.                 <a href="{{ step <= 4 ? '#' : path('checkout_confirm') }}" class="ch-a{% if step > 4 %} done{% endif %}{% if step == 4 %} active{% endif %}">
  222.                     <span class="pa chbn">{{ labels.get('step')|raw }} 4</span>
  223.                     <span class="ch-img">
  224.                         <img src="{{ asset('checkout-step-4.svg', 'img') }}" alt="">
  225.                     </span>
  226.                     <span class="ch-text">
  227.                         {{ labels.get('checkout-head-4')|raw }}
  228.                     </span>
  229.                     <span class="ch-arrow">
  230.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  231.                     </span>
  232.                 </a>
  233.                 <a href="{{ step <= 5 ? '#' : path('checkout_finish') }}" class="ch-a{% if step == 5 %} done{% endif %}">
  234.                     <span class="pa chbn">{{ labels.get('step-done')|raw }}</span>
  235.                     <span class="ch-img">
  236.                         <img src="{{ asset('checkout-step-5.svg', 'img') }}" alt="">
  237.                     </span>
  238.                     <span class="ch-text">
  239.                     {{ labels.get('checkout-head-5')|raw }}
  240.                     </span>
  241.                 </a>
  242.             </div>
  244.             <div id="ect-1" class="ect">
  245.                 <div class="cart-left-0 clearfix">
  247.                 </div>
  248.                 {% if cart_items|length %}
  249.                     <div class="cart-right">
  250.                         {{ include('cart/block/cart-right-block.html.twig') }}
  251.                     </div>
  252.                 {% endif %}
  253.                 <div class="cart-left">
  254.                     <div class="cart-edit checkout-cont">
  255.                         {% if args[1] == 'delivery' %}
  256.                             <div class="checkout-cont-preloader">
  257.                                 <img src="{{ asset('loading-img' ~ (env.is_opt ? '-opt' : '') ~ '.gif', 'img') }}" alt="">
  258.                             </div>
  259.                         {% endif %}
  260.                         <div class="checkout-cont-wrapper{% if args[1] == 'delivery' %} inactive{% endif %}">
  261.                             <h1 class="pl-h1">{{ h1 }}</h1>
  262.                             {% block body %}{% endblock %}
  263.                         </div>
  264.                     </div>
  266.                     {% if args[1] != 'finish' %}
  267.                         <div id="m-cart-amount-block" class="visible-xs">
  268.                             {% if cart_items|length %}
  269.                                 <div id="cart-amount-block" class="row">
  270.                                     {{ include('cart/block/amount-block.html.twig') }}
  271.                                 </div>
  272.                             {% endif %}
  273.                         </div>
  274.                     {% endif %}
  276.                     <div id="p-cart-amount-block">
  277.                         {% if cart_items|length %}
  278.                             {{ include('cart/block/cart-right-block-2.html.twig') }}
  279.                         {% endif %}
  280.                     </div>
  281.                 </div>
  282.             </div>
  284.             {{ include('cart/block/cart-bottom-amount-blocks.html.twig') }}
  286.             {{ include('cart/block/cart-block-scripts.html.twig') }}
  288.         </div>
  290.     </div>
  291.     <!-- End Main Content -->
  293.     <a href="#top" class="back-top text-center">
  294.         <img src="{{ asset('014-up-arrow.svg', 'img') }}" alt="" width="10">
  295.     </a>
  297.     {% if(env.code_bitrix) %}
  298.         <script>
  299.             (function(w,d,u){
  300.                 var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
  301.                 var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
  302.             })(window,document,'https://bitrix24.dombusin.com/upload/crm/site_button/{{ env.code_bitrix }}.js');
  303.         </script>
  304.     {% endif %}
  306.     {% if(env.code_emt) %}
  307.         <script src="https://emailtools.ru/js/api/v1/tools.js" defer="" async=""></script>
  308.         <script>
  309.             window.EMT = window.EMT || {};
  310.             EMT._client_id = {{ env.code_emt }}
  311.         </script>
  312.     {% endif %}
  314.     {{ include('block/modal_callback.html.twig') }}
  315.     {{ include('block/modal_sent.html.twig') }}
  316.     {{ include('block/modal_city.html.twig') }}
  317.     {{ include('block/razmetka.html.twig') }}
  319. </body>
  320. </html>