Как организовать форму ПОИСКа на сайте

Всем Добрый день!
Всем известна форма ПОИСКа по сайту.
Как её организовать в MODx с помощью сниппета AjaxSearch или чем другим?
Вот картинка с формой, думаю у многих есть подобная форма для ПОИСКа



Вот код который отвечает за форму которую вы видите на картинке

<div class="wrapper">
<div id="topbar">
<div class="fl_left">Tel: xxxxx xxxxxxxxxx | Mail: info_Саб_domain.com</div>
<div class="fl_right">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website&hellip;" onfocus="this.value=(this.value==’Search Our Website&hellip;’)? ’’ : this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>

Уважаемые кто сталкивался, как решали и организовали работу формы ПОИСКа по сайту?
Думаю у многих есть вопросы по этому поводу, давайте организовано дадим ответ.

Что нужно сделать с:
- Чанк с кодом - (??????)
- Вызов сниппета AjaxSearch на странице с результатами поиска - (??????)
- Файл layout.css - (??????)

Или есть другие решения (??????)

Всем! Всем! Всем! заранее благодарен!

Вопрос в чем конкретно? Сначала прочитайте документацию, попробуйте настроить, и когда появятся конкретные проблемы обращайтесь на форум.

Я не как не могу прикрутить AjaxSearch к данному шаблону

<div class="fl_right">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website&hellip;" onfocus="this.value=(this.value==’Search Our Website&hellip;’)? ’’ : this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>

Я создал страницу для поиска прописал там
[!AjaxSearch? &ajaxSearch=`0` &pagingType=`0` &showInputForm=`0` &grabMax=`2`!]

Дальше в чанке где находится код шаблона вставил AjaxSearch

<div class="fl_right">
[!AjaxSearch? &ajaxSearch=`0` &landingPage=`27`&showResults=`0`!]
</div>

Но у меня изменилась форма самого поиска.

Я не хочу нарушать шаблон а хочу оставить форму ПОИСКа как показано на картинке выше.
Я читал документацию, и на сайте Виктора Ефимова подробно рассказано про ПОИСК.
Урок 19 - Организация поиска по сайту. Сниппет AjaxSearch
Но он рассказывает как создать форму ПОИСКа на сайте.
А у меня шаблон с поиском как мне прикрутить AjaxSearch к шаблону

Я не хочу нарушать шаблон а хочу оставить форму ПОИСКа как показано на картинке выше.
Я читал документацию, и на сайте Виктора Ефимова подробно рассказано про ПОИСК.
Урок 19 - Организация поиска по сайту. Сниппет AjaxSearch
Но он рассказывает как создать форму ПОИСКа на сайте.
А у меня шаблон с поиском как мне прикрутить AjaxSearch к шаблону

Ничего не понятно.
Не надо никакую форму поиска вставлять в шаблон! В шаблон, чанк, контент - куда угодно, надо вставлять только вызов сниппета AjaxSearch. Сниппет сам, динамически, создаст форму.

Вид форм ввода условий и вывода результата можно задать параметрами, или использовать формы по умолчанию, которые лежат в ajaxSearch/templates. В файлах наподобие input.tpl.html. Имена этих файлов пописаны в ajaxSearch/configs/default.config.php.

Внешний вид всех элементов ajaxSearch определяется в CSS - любой, которая загружена в страницу. Какие именно элементы и классы должны быть описаны в CSS - записано в соответствующих tpl. Как загрузить такой CSS - ваша забота. Я, например, для каждого "крупного" сниппета делаю свой CSS, а в "главный" CSS включаю их с помощью import, например:



Все подробно описано в AjaxSearch192_v2.pdf. Пример использования есть в типовом сайте, поставляемом с MODx.