Guest User

header_mobile/view-4.html

a guest
Apr 10th, 2021
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 22.59 KB | None | 0 0
  1. {strip}
  2. <header class="site-header site-header_mob site-header_4{if $theme_settings.header_mobile_style eq 'dark'} site-header_dark{/if}{if !$theme_settings.header_mobile_catalog} no-menu-btn{/if}">
  3.     <div class="site-header__menu-row">
  4.         {if $theme_settings.header_mobile_catalog && !empty($_theme_config.mainmenu_links)}
  5.             <a class="cat-menu-btn-mob" href="#">
  6.                 <span class="cat-menu-btn-mob__inner">
  7.                     <span class="icon">
  8.                         <svg class="icon" width="10" height="10">
  9.                             <use xlink:href="#icon-catalog-mob"></use>
  10.                         </svg>
  11.                     </span>
  12.                     <span class="cat-menu-btn-mob__text">{if $theme_settings.mainmenu_links eq "shop-categories"}[`Catalog`]{else}[`Navigation`]{/if}</span>
  13.                 </span>
  14.             </a>
  15.         {/if}
  16.         {if !empty($_theme_config.search.url)}
  17.             <div class="tab-search">
  18.                 <div class="site-search default">
  19.                     <form action="{$_theme_config.search.url}" data-images="{$theme_settings.searchautocomplete_show_photos}" data-limit="{$theme_settings.searchautocomplete_max_results|default:3}">
  20.                         <div class="site-search__inner">
  21.                             <input class="site-search__input" type="search" name="query" autocomplete="off" placeholder="{$_theme_config.search.placeholder}" value="{if !empty($_theme_config.search.query)}{$_theme_config.search.query}{/if}" />
  22.                             <button class="site-search__btn default-btn">
  23.                                 <svg class="icon cent-icon" width="16" height="16">
  24.                                     <use xlink:href="#icon-search"></use>
  25.                                 </svg>
  26.                                 <span class="site-search__btn-text">[`Search`]</span>
  27.                             </button>
  28.                         </div>
  29.                     </form>
  30.                 </div>
  31.             </div>
  32.         {/if}
  33.     </div>
  34.     <div class="site-header__main">
  35.         <div class="site-header__main-inner">
  36.             <div class="site-header__hamb-logo">
  37.                 <a class="hamburger" href="#mmenu"><span class="hamburger__inner"></span></a>
  38.                 <a class="site-header__logo" href="{$wa_url}">
  39.                     <img src="{$wa_theme_url}{$theme_settings.header_logo_mobile|default:$theme_settings.header_logo}?v{$wa_theme_version}" alt="{$wa->accountName()}">
  40.                 </a>
  41.             </div>
  42.             {if !empty($theme_settings.header_contacts_phone_1)}
  43.                 <div class="site-header__tel">
  44.                     <div class="callback-wr">
  45.                         <div class="callback-info">
  46.                             <div class="callback-info__inner">
  47.                                 <div class="callback-info__main-num callback-info__main-num_top">
  48.                                     <svg class="icon" width="16" height="16">
  49.                                         <use xlink:href="#icon-phone"></use>
  50.                                     </svg>
  51.                                     <div class="callback-info__main-num-text has-down-arrow">{$theme_settings.header_contacts_phone_1}</div>
  52.                                     <div class="callback-info__main-content">
  53.                                         <div class="callback-info__main-content-top">
  54.                                             <div class="callback-info__call-text">{$theme_settings.header_contacts_phone_1_text}</div>
  55.                                             {if !empty($theme_settings.header_contacts_phone_2)}
  56.                                                 <div class="callback-info__main-num">
  57.                                                     <svg class="icon" width="16" height="16">
  58.                                                         <use xlink:href="#icon-phone"></use>
  59.                                                     </svg>
  60.                                                     <div class="callback-info__main-num-text">{$theme_settings.header_contacts_phone_2}</div>
  61.                                                 </div>
  62.                                                 <div class="callback-info__call-text">{$theme_settings.header_contacts_phone_2_text}</div>
  63.                                             {/if}
  64.                                             {if $theme_settings.header_contacts_btn_callback}
  65.                                                 <div class="callback-info__call-btn btn {$theme_settings.main_buttons_style|replace:'img/themebuttons/':''|replace:'.gif':''} btn_main-2 balance_callback">
  66.                                                     <span>[`Callback`]</span>
  67.                                                     <div class="hover-anim"></div>
  68.                                                 </div>
  69.                                             {/if}
  70.                                         </div>
  71.                                         {if !empty($theme_settings.header_contacts_workhours)}
  72.                                             <div class="callback-info__main-content-bottom">
  73.                                                 <div class="callback-info__daytime-title">[`Working hours`]:</div>
  74.                                                 <div class="callback-info__daytime-text">{$theme_settings.header_contacts_workhours}</div>
  75.                                             </div>
  76.                                         {/if}
  77.                                     </div>
  78.                                 </div>
  79.                             </div>
  80.                         </div>
  81.                     </div>
  82.                 </div>
  83.             {/if}
  84.             <div class="site-header__actions">
  85.                 <div class="site-actions site-actions_mob">
  86.                     {if $wa->isAuthEnabled()}
  87.                         <div class="site-actions__btn site-actions__btn_user">
  88.                             <a class="action-btn" href="{if $wa->user()->isAuth()}{$wa->loginUrl()}{else}{$wa->myUrl()}{/if}">
  89.                                 <span class="action-btn__inner">
  90.                                     <svg class="icon" width="19" height="22">
  91.                                         <use xlink:href="#icon-user"></use>
  92.                                     </svg>
  93.                                     <span class="action-btn__text">[`Personal area`]</span>
  94.                                 </span>
  95.                             </a>
  96.                         </div>
  97.                     {/if}
  98.                     {if $wa->shop}
  99.                         {if $theme_settings.products_show_compare}
  100.                             <div class="site-actions__btn site-actions__btn_comp">
  101.                                 <a class="action-btn js-compare-link js-compare-status{if $compare|count > 1} not-empty{/if}" href="{if count($compare)>1}{$wa->getUrl('shop/frontend/compare/', ['id' => implode(',', $compare) ])}{else}javascript:void(0);{/if}">
  102.                                     <span class="action-btn__inner">
  103.                                         <svg class="icon" width="20" height="20">
  104.                                             <use xlink:href="#icon-chart"></use>
  105.                                         </svg>
  106.                                         <span class="action-btn__text">[`Compare`]</span>
  107.                                         <span class="action-btn__qty js-compare-count">{$compare|count}</span>
  108.                                     </span>
  109.                                 </a>
  110.                             </div>
  111.                         {/if}
  112.                         {if $theme_settings.products_show_wishlist}
  113.                             <div class="site-actions__btn site-actions__btn_fav">
  114.                                 <a class="action-btn js-wishlist-status{if $theme_favorite|count > 0} not-empty{/if}" href="{$wa->getUrl('shop/frontend/search/')}?_balance_type=favorites">
  115.                                     <span class="action-btn__inner">
  116.                                         <svg class="icon" width="20" height="19">
  117.                                             <use xlink:href="#icon-heart"></use>
  118.                                         </svg>
  119.                                         <span class="action-btn__text">[`Favorites`]</span>
  120.                                         <span class="action-btn__qty js-wishlist-count">{$theme_favorite|count}</span>
  121.                                     </span>
  122.                                 </a>
  123.                             </div>
  124.                         {/if}
  125.                         <div class="site-actions__btn site-actions__btn_cart">
  126.                             <a href="{$_cart_url}" class="action-btn js-minicart{if !empty($_topcart_items)} not-empty{else} is-empty{/if}">
  127.                                 <div class="action-btn__inner">
  128.                                     <svg class="icon" width="24" height="20">
  129.                                         <use xlink:href="#icon-cart"></use>
  130.                                     </svg>
  131.                                     <div class="action-btn__qty js-minicart-count">{$wa->shop->cart->count()}</div>
  132.                                 </div>
  133.                             </a>
  134.                         </div>
  135.                     {/if}
  136.                     {if !empty($_theme_config.search.url)}
  137.                         <div class="site-actions__btn site-actions__btn_search">
  138.                             <div class="b-popup b-popup_search mfp-hide mfp-with-anim" id="search-popup">
  139.                                 <div class="b-popup__inner">
  140.                                     <div class="site-search">
  141.                                         <div class="site-search__title">[`Search`]</div>
  142.                                         <form{if $theme_settings.searchautocomplete_on} class="search__form-autocomplete {$_theme_config.search.class}"{/if} action="{$_theme_config.search.url}" data-images="{$theme_settings.searchautocomplete_show_photos}" data-limit="{$theme_settings.searchautocomplete_max_results|default:3}">
  143.                                             <div class="site-search__inner">
  144.                                                 <div class="site-search__input-wrapper">
  145.                                                     <input class="site-search__input site-search__input_merged" type="search" name="query" autocomplete="off" placeholder="{$_theme_config.search.placeholder}" value="{if !empty($_theme_config.search.query)}{$_theme_config.search.query}{/if}" />
  146.                                                     <div class="site-search__loader"></div>
  147.                                                 </div>
  148.                                                 <button class="site-search__btn">
  149.                                                     <svg class="icon cent-icon" width="16" height="16">
  150.                                                         <use xlink:href="#icon-search"></use>
  151.                                                     </svg>
  152.                                                     <span class="site-search__btn-text">[`Search`]</span>
  153.                                                 </button>
  154.                                             </div>
  155.                                         </form>
  156.                                         {if $theme_settings.searchautocomplete_on}
  157.                                             <div class="autocomplete-suggestions">
  158.                                                 <div class="autocomplete-suggestion autocomplete-suggestion-showall">
  159.                                                     <a class="btn {$theme_settings.main_buttons_style|replace:'img/themebuttons/':''|replace:'.gif':''} btn_sec-9 view-all" href="{$_theme_config.search.url}" data-href="{$_theme_config.search.url}?*"><span>[`Show all results`]</span></a>
  160.                                                 </div>
  161.                                             </div>
  162.                                         {/if}
  163.                                     </div>
  164.                                 </div>
  165.                             </div>
  166.                         </div>
  167.                     {/if}
  168.                 </div>
  169.             </div>
  170.         </div>
  171.     </div>
  172.     <div class="mob-search">
  173.         <form action="{$_theme_config.search.url}" data-images="{$theme_settings.searchautocomplete_show_photos}" data-limit="{$theme_settings.searchautocomplete_max_results|default:3}">
  174.             <input type="search" name="query" autocomplete="off" placeholder="{$_theme_config.search.placeholder}" value="{if !empty($_theme_config.search.query)}{$_theme_config.search.query}{/if}">
  175.             <input type="submit">
  176.         </form>
  177.     </div>
  178.     <nav class="mobile-nav" id="mmenu">
  179.         <ul class="mobile-nav__list">
  180.             {if !empty($_theme_config.mainmenu_links)}
  181.             <li class="mobile-nav__item mobile-nav__item_catalog mobile-nav__item_main">
  182.                 <span class="mobile-nav__btn">
  183.                     <svg class="icon" width="16" height="16">
  184.                         <use xlink:href="#icon-catalog-mob"></use>
  185.                     </svg>
  186.                     <span class="mobile-nav__text">{if $theme_settings.mainmenu_links eq "shop-categories"}[`Catalog`]{else}[`Navigation`]{/if}</span>
  187.                     {* <span class="mobile-nav__count">588</span> *}
  188.                 </span>
  189.                 <ul class="mobile-nav__list">
  190.                     {foreach $_theme_config.mainmenu_links as $cat}
  191.                         {if isset($cat.params.mainmenu_hide)}{continue}{/if}
  192.                         <li class="mobile-nav__item">
  193.                             {if !empty($cat.childs)}
  194.                                 <span class="mobile-nav__btn">
  195.                                     {if !empty($cat.menu_icon)}
  196.                                         <span class="mobile-nav__icon mobile-nav__icon_big">
  197.                                             <img class="lazy-img" src="data:image/gif;base64,R0lGODlh6gDqAIAAAP///wAAACH5BAEAAAEALAAAAADqAOoAAAL+jI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4SFhoeIiYqLjI2Oj4CBkpOUlZaXmJmam5ydnp+QkaKjpKWmp6ipqqusra6voKGys7S1tre4ubq7vL2+v7CxwsPExcbHyMnKy8zNzs/AwdLT1NXW19jZ2tvc3d7f0NHi4+Tl5ufo6err7O3u7+Dh8vP09fb3+Pn6+/z9/v/w8woMCBBAsaPIgwocKFDBs6fAgxosSJFCtavIgxo8Y9jRw7evwIMqTIkSRLmjyJMqXKlSxbunwJM6bMmTRr2ryJM6fOnTx7+vwJNKjQoUSLGj2KNKnSpUybOo1UAAA7" data-src="{$cat.menu_icon}" alt>
  198.                                         </span>
  199.                                     {/if}
  200.                                     <span class="mobile-nav__text">{$cat.name}</span>
  201.                                 </span>
  202.                                 <ul class="mobile-nav__list mobile-nav__list_next">
  203.                                     <li class="mobile-nav__item">
  204.                                         <a class="mobile-nav__btn" href="{$cat.url}">[`View all products`]</a>
  205.                                     </li>
  206.                                     {foreach $cat.childs as $subcat}
  207.                                         <li class="mobile-nav__item">
  208.                                             {if !empty($subcat.childs)}
  209.                                                 <span class="mobile-nav__btn">
  210.                                                     {if !empty($subcat.menu_icon)}
  211.                                                         <span class="mobile-nav__icon mobile-nav__icon_big">
  212.                                                             <img class="lazy-img" src="data:image/gif;base64,R0lGODlh6gDqAIAAAP///wAAACH5BAEAAAEALAAAAADqAOoAAAL+jI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4SFhoeIiYqLjI2Oj4CBkpOUlZaXmJmam5ydnp+QkaKjpKWmp6ipqqusra6voKGys7S1tre4ubq7vL2+v7CxwsPExcbHyMnKy8zNzs/AwdLT1NXW19jZ2tvc3d7f0NHi4+Tl5ufo6err7O3u7+Dh8vP09fb3+Pn6+/z9/v/w8woMCBBAsaPIgwocKFDBs6fAgxosSJFCtavIgxo8Y9jRw7evwIMqTIkSRLmjyJMqXKlSxbunwJM6bMmTRr2ryJM6fOnTx7+vwJNKjQoUSLGj2KNKnSpUybOo1UAAA7" data-src="{$subcat.menu_icon}" alt>
  213.                                                         </span>
  214.                                                     {/if}
  215.                                                     <span class="mobile-nav__text">{$subcat.name}</span>
  216.                                                 </span>
  217.                                                 <ul class="mobile-nav__list mobile-nav__list_next">
  218.                                                     <li class="mobile-nav__item">
  219.                                                         <a class="mobile-nav__btn" href="{$subcat.url}">[`View all products`]</a>
  220.                                                     </li>
  221.                                                     {foreach $subcat.childs as $subsubcat}
  222.                                                         <li class="mobile-nav__item">
  223.                                                             <a href="{$subsubcat.url}" class="mobile-nav__btn">
  224.                                                                 {if !empty($subsubcat.menu_icon)}
  225.                                                                     <span class="mobile-nav__icon mobile-nav__icon_big">
  226.                                                                         <img class="lazy-img" src="data:image/gif;base64,R0lGODlh6gDqAIAAAP///wAAACH5BAEAAAEALAAAAADqAOoAAAL+jI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4SFhoeIiYqLjI2Oj4CBkpOUlZaXmJmam5ydnp+QkaKjpKWmp6ipqqusra6voKGys7S1tre4ubq7vL2+v7CxwsPExcbHyMnKy8zNzs/AwdLT1NXW19jZ2tvc3d7f0NHi4+Tl5ufo6err7O3u7+Dh8vP09fb3+Pn6+/z9/v/w8woMCBBAsaPIgwocKFDBs6fAgxosSJFCtavIgxo8Y9jRw7evwIMqTIkSRLmjyJMqXKlSxbunwJM6bMmTRr2ryJM6fOnTx7+vwJNKjQoUSLGj2KNKnSpUybOo1UAAA7" data-src="{$subsubcat.menu_icon}" alt>
  227.                                                                     </span>
  228.                                                                 {/if}
  229.                                                                 <span class="mobile-nav__text">{$subsubcat.name}</span>
  230.                                                             </a>
  231.                                                         </li>
  232.                                                     {/foreach}
  233.                                                 </ul>
  234.                                             {else}
  235.                                                 <a href="{$subcat.url}" class="mobile-nav__btn">
  236.                                                     {if !empty($subcat.menu_icon)}
  237.                                                         <span class="mobile-nav__icon mobile-nav__icon_big">
  238.                                                             <img class="lazy-img" src="data:image/gif;base64,R0lGODlh6gDqAIAAAP///wAAACH5BAEAAAEALAAAAADqAOoAAAL+jI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4SFhoeIiYqLjI2Oj4CBkpOUlZaXmJmam5ydnp+QkaKjpKWmp6ipqqusra6voKGys7S1tre4ubq7vL2+v7CxwsPExcbHyMnKy8zNzs/AwdLT1NXW19jZ2tvc3d7f0NHi4+Tl5ufo6err7O3u7+Dh8vP09fb3+Pn6+/z9/v/w8woMCBBAsaPIgwocKFDBs6fAgxosSJFCtavIgxo8Y9jRw7evwIMqTIkSRLmjyJMqXKlSxbunwJM6bMmTRr2ryJM6fOnTx7+vwJNKjQoUSLGj2KNKnSpUybOo1UAAA7" data-src="{$subcat.menu_icon}" alt>
  239.                                                         </span>
  240.                                                     {/if}
  241.                                                     <span class="mobile-nav__text">{$subcat.name}</span>
  242.                                                 </a>
  243.                                             {/if}
  244.                                         </li>
  245.                                     {/foreach}
  246.                                 </ul>
  247.                             {else}
  248.                                 <a href="{$cat.url}" class="mobile-nav__btn">
  249.                                     {if !empty($cat.menu_icon)}
  250.                                         <span class="mobile-nav__icon mobile-nav__icon_big">
  251.                                             <img class="lazy-img" src="data:image/gif;base64,R0lGODlh6gDqAIAAAP///wAAACH5BAEAAAEALAAAAADqAOoAAAL+jI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4SFhoeIiYqLjI2Oj4CBkpOUlZaXmJmam5ydnp+QkaKjpKWmp6ipqqusra6voKGys7S1tre4ubq7vL2+v7CxwsPExcbHyMnKy8zNzs/AwdLT1NXW19jZ2tvc3d7f0NHi4+Tl5ufo6err7O3u7+Dh8vP09fb3+Pn6+/z9/v/w8woMCBBAsaPIgwocKFDBs6fAgxosSJFCtavIgxo8Y9jRw7evwIMqTIkSRLmjyJMqXKlSxbunwJM6bMmTRr2ryJM6fOnTx7+vwJNKjQoUSLGj2KNKnSpUybOo1UAAA7" data-src="{$cat.menu_icon}" alt>
  252.                                         </span>
  253.                                     {/if}
  254.                                     <span class="mobile-nav__text">{$cat.name}</span>
  255.                                 </a>
  256.                             {/if}
  257.                         </li>
  258.                     {/foreach}
  259.                 </ul>
  260.             </li>
  261.             {/if}
  262.             {if !empty($_theme_config.search.url)}
  263.                 <li class="mobile-nav__item mobile-nav__item_main mobile-nav__item_search">
  264.                     <div class="mobile-nav-search">
  265.                         <form action="{$_theme_config.search.url}" data-images="{$theme_settings.searchautocomplete_show_photos}" data-limit="{$theme_settings.searchautocomplete_max_results|default:3}">
  266.                             <input type="search" name="query" autocomplete="off" placeholder="{$_theme_config.search.placeholder}" value="{if !empty($_theme_config.search.query)}{$_theme_config.search.query}{/if}">
  267.                             <button type="submit">
  268.                                 <svg class="icon" width="15" height="15">
  269.                                     <use xlink:href="#icon-search"></use>
  270.                                 </svg>
  271.                             </button>
  272.                         </form>
  273.                     </div>
  274.                 </li>
  275.             {/if}
  276.             {if !empty($theme_settings.header_contacts_phone_1)}
  277.                 <li class="mobile-nav__item mobile-nav__item_main mobile-nav__item_callback">
  278.                     <span class="mobile-nav__btn">
  279.                         <svg class="icon" width="16" height="16">
  280.                             <use xlink:href="#icon-phone"></use>
  281.                         </svg>
  282.                         <span class="mobile-nav__text">{$theme_settings.header_contacts_phone_1}</span>
  283.                     </span>
  284.                     <ul class="mobile-nav__list">
  285.                         <li class="mobile-nav__item">
  286.                             <span class="b-contact">
  287.                                 <span class="b-contact__top">
  288.                                     <span class="b-contact__top-item">
  289.                                         <span class="b-contact__tel">
  290.                                             <svg class="icon" width="16" height="16">
  291.                                                 <use xlink:href="#icon-phone"></use>
  292.                                             </svg>
  293.                                             <a class="b-contact__tel-text" href="tel:{$theme_settings.header_contacts_phone_1|regex_replace:"/[^+0-9]/":""}">{$theme_settings.header_contacts_phone_1}</a>
  294.                                         </span>
  295.                                         <span class="b-contact__callinfo">{$theme_settings.header_contacts_phone_1_text}</span>
  296.                                     </span>
  297.                                     {if !empty($theme_settings.header_contacts_phone_2)}
  298.                                         <span class="b-contact__top-item">
  299.                                             <span class="b-contact__tel">
  300.                                                 <svg class="icon" width="16" height="16">
  301.                                                     <use xlink:href="#icon-phone"></use>
  302.                                                 </svg>
  303.                                                 <a class="b-contact__tel-text" href="tel:{$theme_settings.header_contacts_phone_2|regex_replace:"/[^+0-9]/":""}">{$theme_settings.header_contacts_phone_2}</a>
  304.                                             </span>
  305.                                             <span class="b-contact__callinfo">{$theme_settings.header_contacts_phone_2_text}</span>
  306.                                         </span>
  307.                                     {/if}
  308.                                     {if $theme_settings.header_contacts_btn_callback}
  309.                                         <a class="b-contact__btn btn {$theme_settings.main_buttons_style|replace:'img/themebuttons/':''|replace:'.gif':''} btn btn_main-2 balance_callback" href="#">
  310.                                             <span>[`Callback`]</span>
  311.                                             <div class="hover-anim"></div>
  312.                                         </a>
  313.                                     {/if}
  314.                                 </span>
  315.                                 {if !empty($theme_settings.header_contacts_workhours)}
  316.                                     <span class="b-contact__bottom">
  317.                                         <span class="b-contact__worktime">[`Working hours`]</span>
  318.                                         <span class="b-contact__workinfo">{$theme_settings.header_contacts_workhours}</span>
  319.                                     </span>
  320.                                 {/if}
  321.                             </span>
  322.                         </li>
  323.                     </ul>
  324.                 </li>
  325.             {/if}
  326.             {if 0}
  327.                 <li class="mobile-nav__item mobile-nav__item_main">
  328.                     <a class="mobile-nav__btn" href="#">
  329.                         <svg class="icon" width="16" height="16">
  330.                             <use xlink:href="#icon-gps"></use>
  331.                         </svg>
  332.                         <span class="mobile-nav__text">Ваш город: Александровская-на-Амуре</span>
  333.                     </a>
  334.                 </li>
  335.             {/if}
  336.             {if $wa->isAuthEnabled()}
  337.                 <li class="mobile-nav__item mobile-nav__item_main profile">
  338.                     {if $wa->user()->isAuth()}
  339.                         <a href="{$wa->myUrl()}" class="mobile-nav__btn">
  340.                             <svg class="icon" width="17" height="16">
  341.                                 <use xlink:href="#icon-user"></use>
  342.                             </svg>
  343.                             <span class="mobile-nav__text">[`Personal area`]</span>
  344.                         </a>
  345.                     {else}
  346.                         <span class="mobile-nav__btn">
  347.                             <svg class="icon" width="17" height="16">
  348.                                 <use xlink:href="#icon-user"></use>
  349.                             </svg>
  350.                             <span class="mobile-nav__text">[`Personal area`]</span>
  351.                         </span>
  352.                         <ul class="mobile-nav__list">
  353.                             <li class="mobile-nav__item">
  354.                                 <a class="mobile-nav__btn" href="{$wa->loginUrl()}">[s`Log in`]</a>
  355.                             </li>
  356.                             <li class="mobile-nav__item">
  357.                                 <a class="mobile-nav__btn" href="{$wa->signupUrl()}">[s`Sign up`]</a>
  358.                             </li>
  359.                         </ul>
  360.                     {/if}
  361.                 </li>
  362.             {/if}
  363.             {if $wa->shop}
  364.                 {if $theme_settings.products_show_wishlist}
  365.                     <li class="mobile-nav__item mobile-nav__item_main">
  366.                         <a class="mobile-nav__btn" href="{$wa->getUrl('shop/frontend/search/')}?_balance_type=favorites">
  367.                             <svg class="icon" width="17" height="15">
  368.                                 <use xlink:href="#icon-heart"></use>
  369.                             </svg>
  370.                             <span class="mobile-nav__text">[`Favorites`]</span>
  371.                             <span class="mobile-nav__qty-count js-wishlist-count js-wishlist-status{if $theme_favorite|count > 0} not-empty{/if}">{$theme_favorite|count}</span>
  372.                         </a>
  373.                     </li>
  374.                 {/if}
  375.                 {if $theme_settings.products_show_compare}
  376.                     <li class="mobile-nav__item mobile-nav__item_main">
  377.                         <a class="mobile-nav__btn js-compare-link" href="{if count($compare)>1}{$wa->getUrl('shop/frontend/compare/', ['id' => implode(',', $compare) ])}{else}javascript:void(0);{/if}">
  378.                             <svg class="icon" width="16" height="16">
  379.                                 <use xlink:href="#icon-chart"></use>
  380.                             </svg>
  381.                             <span class="mobile-nav__text">[`Compare`]</span>
  382.                             <span class="mobile-nav__qty-count js-compare-count js-compare-status{if $compare|count > 1} not-empty{/if}">{$compare|count}</span>
  383.                         </a>
  384.                     </li>
  385.                 {/if}
  386.                 <li class="mobile-nav__item mobile-nav__item_main">
  387.                     <a class="mobile-nav__btn" href="{$wa->getUrl('shop/frontend/search/')}?_balance_type=viewed">
  388.                         <svg class="icon" width="16" height="16">
  389.                             <use xlink:href="#icon-eye"></use>
  390.                         </svg>
  391.                         <span class="mobile-nav__text">[`Viewed products`]</span>
  392.                         <span class="mobile-nav__qty-count js-viewed-count js-viewed-status{if $theme_viewed|count > 1} not-empty{/if}">{$theme_viewed|count|default:0}</span>
  393.                     </a>
  394.                 </li>
  395.                 {if !isset($currencies)}
  396.                     {$currencies = $wa->shop->currencies()}
  397.                 {/if}
  398.                 {if $theme_settings.shop_allow_change_currency && count($currencies) > 1}
  399.                     <li class="mobile-nav__item mobile-nav__item_main profile">
  400.                         <span class="mobile-nav__btn">
  401.                             <svg class="icon" width="16" height="16">
  402.                                 <use xlink:href="#icon-currency"></use>
  403.                             </svg>
  404.                             <span class="mobile-nav__text">[`Currency`]</span>
  405.                         </span>
  406.                         <ul class="mobile-nav__list">
  407.                             {foreach $currencies as $c_code => $c}
  408.                             <li class="mobile-nav__item">
  409.                                 <a class="mobile-nav__btn" href="?currency={$c_code}">{$c_code}</a>
  410.                             </li>
  411.                             {/foreach}
  412.                         </ul>
  413.                     </li>
  414.                 {/if}
  415.             {/if}
  416.             {if !empty($_theme_config.header_links)}
  417.                 {foreach $_theme_config.header_links as $page}
  418.                     <li class="mobile-nav__item mobile-nav__item_info">
  419.                         {if !empty($page.childs)}
  420.                             <span class="mobile-nav__btn mobile-nav__btn_expand">
  421.                                 <span class="menu-toggle-text">
  422.                                     <a class="menu-toggle-text__text" href="{$page.url}">{$page.name|escape}</a>
  423.                                     <div class="menu-toggle-text__icon">
  424.                                         <svg class="icon icon-plus" width="10" height="10">
  425.                                             <use xlink:href="#icon-plus-thin"></use>
  426.                                         </svg>
  427.                                         <svg class="icon icon-minus" width="10" height="10">
  428.                                             <use xlink:href="#icon-minus-thin"></use>
  429.                                         </svg>
  430.                                     </div>
  431.                                 </span>
  432.                                 <span class="mob-side-dropmenu" style="display:none;">
  433.                                     <div class="mob-side-dropmenu__list">
  434.                                         {foreach $page.childs as $child}
  435.                                             <div class="mob-side-dropmenu__item">
  436.                                                 <a href="{$child.url}">{$child.name|escape}</a>
  437.                                             </div>
  438.                                         {/foreach}
  439.                                     </div>
  440.                                 </span>
  441.                             </span>
  442.                         {else}
  443.                             <a class="mobile-nav__btn" href="{$page.url}">{$page.name|escape}</a>
  444.                         {/if}
  445.                     </li>
  446.                 {/foreach}
  447.             {/if}
  448.         </ul>
  449.     </nav>
  450. </header>
  451. {/strip}
Add Comment
Please, Sign In to add comment