Каталог решений

Покупка продления купона

Продолжительность:
Общая сумма:
0 руб.
Ваш запрос успешно отправлен!
Условия использования
Продлить
Продолжить покупки

Адаптивная форма поиска

Модуль представляет собой готовый компонент реализующий вывод строки поиска по сайту с эффектом появления из кнопки поиска. Итак, реализовано: Изначально показывается только иконка поиска по сайту;При клике на иконку поисковая строка выезжает в сторону;Компонент гибкий и заточен под адаптивный интерфейс;Компонент одинаково работает и на мобильных устройствах;Реализовано нажатие кнопки Enter или кликом по кнопке поиска (после ввода текста);Если поле раскрыто, и данные в него не введены, а пользователь; нажимает кнопку поиска - поле ввода закрывается. То есть поиск происходит только после того если в нем что то введено пользователем;Поле ввода закрывается если мы пользователь нажал куда-то вне поля поиска, независимо от того, пустое оно или нет (скрытие при потере фокуса);Если JavaScript отключен, поле поиска отображается раскрытым;Для лучшего взаимодействия с тач-устройствами добавлена поддержка тач-событий;Реализованы 10 шаблонов - разных цветовых решений данной строки поиска. КОМПОНЕНТ ПОДДЕРЖИВАЕТ КОМПОЗИТНЫЙ РЕЖИМ БИТРИКС. Данная опция включается в настройках компонента.

Адаптивная форма поиска

Адаптивная форма поиска

от Coderoid
Купить: 1 000 руб.
Онлайн-демо
Скриншоты
Описание

Технические данные

Опубликовано:
18.03.2014
Обновлено:
16.05.2014
Версия:
1.1.1
Установлено:
Менее 50 раз
Подходящие редакции:
«Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Эксперт», «Бизнес», «Корпоративный портал», «Холдинг»
Адаптивность:
Да
Поддержка Композита:
Да

Описание

Модуль представляет собой готовый компонент реализующий вывод строки поиска по сайту с эффектом появления из кнопки поиска.

Итак, реализовано:
  • Изначально показывается только иконка поиска по сайту;
  • При клике на иконку поисковая строка выезжает в сторону;
  • Компонент гибкий и заточен под адаптивный интерфейс;
  • Компонент одинаково работает и на мобильных устройствах;
  • Реализовано нажатие кнопки Enter или кликом по кнопке поиска (после ввода текста);
  • Если поле раскрыто, и данные в него не введены, а пользователь; нажимает кнопку поиска - поле ввода закрывается. То есть поиск происходит только после того если в нем что то введено пользователем;
  • Поле ввода закрывается если мы пользователь нажал куда-то вне поля поиска, независимо от того, пустое оно или нет (скрытие при потере фокуса);
  • Если JavaScript отключен, поле поиска отображается раскрытым;
  • Для лучшего взаимодействия с тач-устройствами добавлена поддержка тач-событий;
  • Реализованы 10 шаблонов - разных цветовых решений данной строки поиска.
КОМПОНЕНТ ПОДДЕРЖИВАЕТ КОМПОЗИТНЫЙ РЕЖИМ БИТРИКС.
Данная опция включается в настройках компонента.
Отзывы (0)
Пока что нет отзывов.
Обсуждения (1)
Что нового
1.1.1 (16.05.2014)
  • Мелкое исправление кодировки
1.1.0 (11.05.2014)
  • Во всех 10 цветовых шаблонах добавлена поддержка композитного режима (включается в настройках компонента)
Установка
Инструкция к применению модуля адаптивной строки поиска по сайту

  1. Пример вызова компонента
<?$APPLICATION->IncludeComponent(
   "coderoid:adaptive.search.form",
   "grey",
   Array(
      "USE_SUGGEST" => "N",
      "PAGE" => "#SITE_DIR#search/index.php"
   )
);?>
В параметрах указывается:
  • имя шаблона (доступны 10 различных цветовых решений);
  • показывать или не показывать строку с подсказками поисковых фраз;
  • URL страницы выдачи результатов поиска.
2. Так же возможно использование визуального редактора.
Откройте страницу в режиме редактирования, и добавьте туда
компонент «Адаптивная строка поиска». Далее укажите необходимые настройки и можно использовать компонент.
Поддержка
По вопросам установки и настройки компонента пожалуйста, пишите в нашу техническую поддержку:

http://coderoid.ru/support/ (Необходима регистрация на портале)

Лицензионное соглашение

Другие решения разработчика

еще 17 решений

Решение добавлено в корзину

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки