Как настроить две версии поиска mSearch2 в MODX?
Здравствуйте. Помогите решить задачку.
Купил компонент, настроил формы и все работает хорошо. Но есть нюанс.У меня на сайте имеются две версии поиска. Одна под мобильные устройства, другая – под десктопные.
1) Десктопные:<form action="{$_modx->makeUrl($pageId)}" method="get" class="msearch2" id="mse2_form s">
<input name="{$queryVar}" id="s" onblur="if(this.value=='')this.value='что ищем?';" onfocus="if(this.value=='что ищем?')this.value='';" value="что ищем?" type="text">
</form>
<div class="close-search"><a class="fa fa-times" href="#"></a></div>
2) Мобильные:
<form action="{$_modx->makeUrl($pageId)}" method="get" class="responsive-search msearch2">
<input name="{$queryVar}" onblur="if(this.value=='')this.value='Что ищем?';" onfocus="if(this.value=='Что ищем?')this.value='';" value="Что ищем?" type="text">
</form>
Версия сайта адаптивная и соответственно все показывается в зависимости от ширины экрана. Но при этом грузятся одновременно две эти формы.
В результате идет два обращения:
/components/msearch2/js/web/lib/jquery-ui.min.js?_=1321205578675
/components/msearch2/js/web/lib/jquery-ui.min.js?_=1321205578676
Подскажите, как сделать, чтобы было одно обращение?
Ответы: 4
Добрый день. Столкнулся точно с такой же проблемой. Две поисковые формы на странице, соответственно два поисковых
input
с mSearch2. Подскажите пожалуйста, можно как-нибудь разделить логику поиска по нескольким формам?Как не странно, проблема двух поисковых форм на странице решилась вот такой конструкцией:
Соответственно поставил это как вызов формы в 2 местах на странице. Поиск в формах работает, полёт нормальный.
Отлично!
Решил проблему с помощью дополнения mobiledetect от Василия.