Перенести "ПОИСК" на верхнюю панель

[pulchra]

OpenCart 3 Version 3.0.3.2 (rs.2)

У меня монобрендовый магазин, товаров не много и из нескольких сотен посетителей, поиском пока никто не пользовался, хотя он может понадобиться. В общем возникла необходимость перенести поиск в другое место, например на самый верх, на панель где кнопки выбора языка, телефон и пр. (см. фото экрана).

 

Пока поступил так: редакторе шаблона common/header сперва закомментировал строку

<!--div class="col-sm-5">{{ search }}</div-->

 

Затем в блоке     <div id="top-links" class="nav pull-right">
                                      <ul class="list-inline"> ....

после строки с <li><a href="{{ checkout }}" ...

добавил:

<li><a href="index.php?route=product/search" title="{{ text_search }}"><i class="fa fa-search"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_search }}</span></a></li>

 

При этом, иконка поиска и слово "Поиск" (или Search, если выбрать английский язык) располагается правом верхнем углу экрана и при нажатии загружается страница ...index.php?route=product/search

 

Пока достаточно, но более изящным решением задачи было бы открытие поля поиска из выпадающего меню, например примерно так (как поиск не работает, но выглядит правильно):

Вставить код  после строки  с  <li><a href="{{ checkout }}" ...

<li class="dropdown"><a href="" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-search"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_search }}</span> <span class="caret"></span></a>
          <ul class="dropdown-menu dropdown-menu-right">
            <li><a href="{{ search }}</a></li>
          </ul>
</li> 

(тут в <li><a href="{{ search }}</a></li> после }} пропущен  "> , типа ошибка, но если написать правильно, то символы прописываются на панели.

 

Есть идеи как добиться корректной работы?

 

Змінено 17 червня 2020 користувачем pulchra

[whiteblue]

попробуйте сделать этим дополнением, проще быстрее и без лишних движений

 

[shoputils]

6 часов назад, pulchra сказал:

(тут в <li><a href="{{ search }}</a></li> после }} пропущен  "> , типа ошибка, но если написать правильно, то символы прописываются на панели.

 

Атрибут href не закрыт.

<li><a href="{{ search }}"></a></li>