Как сделать выпадающую форму поиска при нажатии на лупу

[jnxjn]

Здравствуйте! хочу сэкономить немного места и изменить поле для поиска в шапке. Хочу оставить только лупу, при нажатии на которую будет появляться форма поиска. Подскажите как это сделать. Спасибо!

[unknown]

Поиском воспользуйтесь

Show hide search box

Выбирайте что понравилось

Из того что первое попалось

раз два

[jnxjn]

Как правильно внедрить эти формы? я так понимаю нужно копаться в самой форме поиска, но с header.tpl он ссылается на <?php echo $search; ?> а где его найти? или как правильно вписать? форму решил взять такую - https://codepen.io/anon/pen/BRzmLq

[unknown]

<?php echo $search; ?>  из header

выводит остюда

/catalog/view/theme/default/template/common/header.tpl

[jnxjn]

Да, я понимаю. Эта строка выводим полностью форму поиска, с элементами поля и кнопки. Как забрать функцию поиска и вставить в мою новую кнопку?

[unknown]

Сохраните копию search.tpl

А вы посмотрите логику работы, прям там, в кодпен.

Всё, что там происходит - это при нажатии на кнопку, показывают скрытый блок. всё.

Вам нужно только немного изменить разметку.

Добавить ссылку на кнопку в меню (как надпись search в примере)

Вывести в нужном месте <?php echo $search; ?>

По умолчанию он скрыт, при нажатии появляется (см. стили примера)

 

Змінено 23 квітня 2017 користувачем unknown