Последнее обновление: 10 июля 2017

Как в горизонтальную панель навигации добавить "поиск товаров"?

подскажите пожалуйста, как можно перенести поиск товаров в горизантальное меню после слова "КОНТАКТЫ". Это возможно?


Эта статья была полезна? Да Нет

Комментарии (12)

  • Колмаков Игорь Колмаков Игорь 29 апреля 2016 12:54 #

    1. в файле "tree.html" (сайт-дизайн-шаблоны)

    замените конструкцию

    <nav class="tree-wrapper{if $theme_settings.content_nav != 'shop_category'} margin-bottom{/if}">
        {if $tree}
            {$tree_type = $theme_settings.category_tree_type|default:'type1'}
            <div class="container">
                <div class="tree-title">{$tree_title}<button class="toggle-menu"><i class="mdi-menu mdi-2x"></i></button></div>
                <div class="sidebar-box">
                    {wa_print_tree tree=$tree selected=$selected_category unfolded=true class="base-menu `$tree_type` tree r-cat" collapsible_class='parent' elem ='<a href=":url" data-icon-id=":id">:name</a>'}
                </div>
            </div>
        {else}
             
        {/if}
    </nav>

    на


    <nav class="tree-wrapper{if $theme_settings.content_nav != 'shop_category'} margin-bottom{/if}">
        {if $tree}
            {$tree_type = $theme_settings.category_tree_type|default:'type1'}
            <div class="container">
                <div class="tree-title">{$tree_title}<button class="toggle-menu"><i class="mdi-menu mdi-2x"></i></button></div>
                <div class="sidebar-box">
                    {*wa_print_tree tree=$tree selected=$selected_category unfolded=true class="base-menu `$tree_type` tree r-cat" collapsible_class='parent' elem ='<a href=":url" data-icon-id=":id">:name</a>'*}
                    
                    <div class="row-grid"><div class="table-grid">
                        <div class="col-grid s12">
                            {wa_print_tree tree=$tree selected=$selected_category unfolded=true class="base-menu `$tree_type` tree r-cat" collapsible_class='parent' elem ='<a href=":url" data-icon-id=":id">:name</a>'}
                        </div>
                        <div class="col-grid hide-on-med-and-down min-width">
                            {include file="search.form.html" inline}
                        </div>
                    </div></div>
                    
                </div>
            </div>
        {else}
             
        {/if}
    </nav>

    2. в пользовательские стили пропишите правило

    .tree-wrapper .row-grid {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }


    1
    • Евгений Матросов Евгений Матросов 10 августа 2016 05:17 #

      Сделано всё по инструкции. Вопрос: строка поиска не перенеслась в горизонтальное меню, а именно скопировалась (правда всё нормально срабатывает по инструкции). А можно ли удалить строку поиска при этом из верхнего меню? Зачем их дублировать? Сайт Ортопедические товары, всё проверил в 4-х браузерах (хром, яндекс, опера, мс эдж), в двух последних этот сайт до этого не открывал даже...

      1
    • Мария Афанасьева Мария Афанасьева 31 июля 2016 02:10 #

      Игорь, доброго времени суток! У меня в файле tree.html нет такого кода( Что мне исправить, чтобы перенести поиск в горизонтальное меню?

      {strip}


      {* MOBILE *}

      {if !empty($at['shop']['categories'])}

      <nav class="tree-wrapper hide-on-large-only">

      <div class="container">

      <div class="tree-title">

      [`Categories`]

      <button class="toggle-menu"><i class="material-icons mi-2x"></i></button>

      </div>

      <div class="sidebar-box">

      <ul class="base-menu">

      {foreach $at['shop']['categories'] as $branch}

      {renderMenuItem menu=$branch icon=$at['shop']['plugins']['wmimageincat']|default:[] selected=$at['shop']['selected_category']|default:null}

      {/foreach}

      </ul>

      </div>

      </div>

      </nav>

      {/if}


      {* DESKTOP *}

      {if $theme_settings.content_nav == 'shop_category'}

      {$menu = $at['shop']['categories']|default:[]}

      {$selected = $at['shop']['selected_category']|default:null}

      {$icon = $at['shop']['plugins']['wmimageincat']|default:[]}

      {elseif $theme_settings.content_nav == 'site_pages'}

      {$menu = $at['site']['pages']|default:[]}

      {$selected = $at['site']['selected_page']|default:null}

      {$icon = []}

      {elseif $theme_settings.content_nav == 'shop_pages'}

      {$menu = $at['shop']['pages']|default:[]}

      {$selected = $at['shop']['selected_page']|default:null}

      {$icon = []}

      {/if}


      {if !empty($menu)}

      {$type = $theme_settings.category_tree_type|default:'type1'}

      <nav class="tree-wrapper hide-on-med-and-down">

      <div class="container">

      <div class="sidebar-box">

      <ul class="base-menu {$type} tree" style="display: none;">

      {foreach $menu as $branch}

      {renderMenuItem menu=$branch icon=$icon selected=$selected exclude='not_top'}

      {/foreach}

      </ul>

      </div>

      </div>

      </nav>

      {/if}


      {/strip}

      1
      • Тирон Александр Тирон Александр 1 августа 2016 11:08 #

        Строки:

        <ul class="base-menu {$type} tree" style="display: none;">

        {foreach $menu as $branch}

        {renderMenuItem menu=$branch icon=$icon selected=$selected exclude='not_top'}

        {/foreach}

        </ul>

        Заменить строкам:

        <div class="row-grid"><div class="table-grid">

        <div class="col-grid s12">

        <ul class="base-menu {$type} tree" style="display: none;">

        {foreach $menu as $branch}

        {renderMenuItem menu=$branch icon=$icon selected=$selected exclude='not_top'}

        {/foreach}

        </ul>

        </div>

        <div class="col-grid hide-on-med-and-down min-width">

        {include file="search.form.html" inline}

        </div>

        </div></div>


        1
      • Мария Афанасьева Мария Афанасьева 1 августа 2016 15:40 #

        Вот скрин проблемы, нет иконки на поиске и нет категорий в горизонтальной строке.

        адрес http://z-nails.ru/

        браузеры гугл хром, операционка windows 7, 8, макбук

        везде одинаково, кэш сбрасывала

        1
        • Тирон Александр Тирон Александр 1 августа 2016 15:49 #

          1) Удалите строку: style="display: none;"

          2) В файле searchform.html приложения Магазин замените строку:

          <i class="mdi-search mdi-2x"></i>

          строкой:

          <i class="material-icons mi-2x"></i>

          1

          Добавить комментарий

          Чтобы добавить комментарий, зарегистрируйтесь или войдите

          Услуги

          Контакты

          Дорогие друзья!

          К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

          Пожалуйста, обновите браузер, скачав его по ссылкам ниже, или обратитесь к системному администратору, обслуживающему Ваш компьютер.

          Internet Explorer

          от Microsoft

          Chrome

          от Google

          Safari

          от Apple

          Opera

          от Opera Software

          Firefox

          от Mozilla

          Вверх