Опубликовано: 14 декабря 2015
Как заменить дерево категорий в горизонтальном меню на форму поиска?
1/ Хочется перенести поиск из верхней панели в блок с горизонтальным меню (там горизонтальное меню не нужно, фон только оставить, но меню, чтобы не было, сейчас выбрано меню сайта, а там нет
ничего, поэтому пусто)
поисковая форма с левого края, размером, как половину от области содержания и надпись "Найти подарок" в форме
2/ правее поиска останется пустое место, там в центре свободного места разместить дубль корзины
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Комментарии (1)
1. меняем дерево категорий на поиск и корзину
в файле "index.html"
замените строку
{include file="tree.html" inline}
на
<nav class="tree-wrapper{if $theme_settings.content_nav != 'shop_category'} margin-bottom{/if}"> <div class="container"> <div class="row-grid"> <div class="col-grid s8"> {include file="`$wa->shop->themePath('profitbuy')`searchform.html" inline} </div> <div class="col-grid s4 align-right"> {include file="cart.second.html" inline} </div> </div> </div> </nav>2. в форме поиска заменяем "найти товары" на "найти подарок"
в файле "searchform.html" (магазин-витрина-шаблоны)
замените
[s`Find products`]
на
Найти подарок
3. управляем шириной поля поиска
в пользовательских стилях http://wm-site.ru/profitbuy/290/blok-polzovatelski...
добавьте правило
.tree-wrapper .search-wrapper input[type=search]{ width:100%; }4. забыли удалить поиск из верхней панели
в файле "index.html"
замените строку
{include file="search.form.html" assign="header2" inline}
на
{*include file="search.form.html" assign="header2" inline*}