Перейти к содержанию
jnxjn

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

Рекомендуемые сообщения

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Show hide search box

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

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

раз два

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

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

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

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

 

Изменено пользователем unknown

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.