Последнее обновление: 10 июля 2017
Как в горизонтальную панель навигации добавить "поиск товаров"?
подскажите пожалуйста, как можно перенести поиск товаров в горизантальное меню после слова "КОНТАКТЫ". Это возможно?
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Комментарии (12)
1. в файле "tree.html" (сайт-дизайн-шаблоны)
замените конструкцию
на
2. в пользовательские стили пропишите правило
Сделано всё по инструкции. Вопрос: строка поиска не перенеслась в горизонтальное меню, а именно скопировалась (правда всё нормально срабатывает по инструкции). А можно ли удалить строку поиска при этом из верхнего меню? Зачем их дублировать? Сайт Ортопедические товары, всё проверил в 4-х браузерах (хром, яндекс, опера, мс эдж), в двух последних этот сайт до этого не открывал даже...
в файле index.html
строку
{include file="search.form.html" assign="header2" inline}
замените на
{*include file="search.form.html" assign="header2" inline*}
Спасибо, помогло, всё теперь просто замечтательно! :
Игорь, доброго времени суток! У меня в файле 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}
Строки:
<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. Исчезла иконка лупы из поиска
2. Пропали категории из горизонтального меню
Как это исправить?)
http://wm-site.ru/profitbuy/720/kak-zadavat-vopros...
Александр, спасибо за инструкцию. Проблема - поле формы отображается только если мы находимся на страницах магазина. При переходе на информационные страницы (те, что в верхней навигации) - пропадает. Как это исправить?
Вот пример - http://dveri-graf.ru/_new/category/sale/
файл searchform.html сайт-дизайн-шаблоны
в строке
{if 0}{* product search: replace 0 to 1 to enable *}
заменить 0 на 1
Вот скрин проблемы, нет иконки на поиске и нет категорий в горизонтальной строке.
адрес http://z-nails.ru/
браузеры гугл хром, операционка windows 7, 8, макбук
везде одинаково, кэш сбрасывала
1) Удалите строку: style="display: none;"
2) В файле searchform.html приложения Магазин замените строку:
<i class="mdi-search mdi-2x"></i>
строкой:
<i class="material-icons mi-2x"></i>