Joomla уроки Migur Ajax Search Plugin в Joomla

Migur Ajax Search Plugin в Joomla

8

Интересным плагином является Migur Ajax Search в Joomla. Предназначен он для отображения поисковой выдачи на сайте в виде выплывающего списка. Рассмотрим его более подробно.

Migur-Ajax_01

БЕСПЛАТНОЕ РАСШИРЕНИЕ 2.5

Часто нам требуются расширения, которые по функциональности не уступают полноценным компонентам сайта, таким как Ajax поиск.

Данный плагин помогает улучшить внешний вид результатов поиска за счет настраиваемого CSS стиля, поэтому вы всегда можете поменять его, не вдаваясь в углубленные знания кода PHP самого расширения. Он не заменяет входящий в состав модуль поиска, а лишь дополняет его.

Скачиваем плагин и устанавливаем его в системе Joomla.

Итак, каким образом происходит настройка плагина Migur Ajax Search?

Во-первых, для того чтобы изменить стандартный вид отображения поисковой выдачи на сайте, вам необходимо найти файл CSS стиля в папке расширения. Находится он по адресу: ../media/plg_migursearch/migursearch.css.

Загружаем данный файл к себе на компьютер и открываем его любым текстовым документом.

Меняем настройки CSS стиля на те, которые подходят для вашего сайта и сохраняем с заменой на прежний файл, который находится у вас на сайте. Таким образом мы поменяем внешний вид оформления результатов поиска.

Migur-Ajax_02

Хорош данный плагин тем, что вам всего лишь нужно изменить один файл для полного изменения свойств расширения, а именно несколько строчек кода в файле migursearch.css.

Приведу пример измененного кода данного плагина:

  #migursearch_results { width: 250px; background-color: #959595; border: 1px solid #ffffff; margin: 1px 1px 0; padding: 0 0 3px; ] #migursearch_results a:hover { background-color: transparent; ] #migursearch_results .mg_row1 { background-color: #959595; border: 1px solid #000000; margin:3px 3px 0; overflow: hidden; ] #migursearch_results .mg_row2 { background-color: #f8f8f8; border: 1px solid #DDDDDD; margin:3px 3px 0; overflow: hidden; ] #migursearch_results p a{ color: #FFF; text-decoration: none; ] #migursearch_results p a h3{ padding: 0 5px; margin: 0; background-color: #404040; font-size: 1em; ] #migursearch_results p p p{ padding:0; margin:0; ] #migursearch_results p p .ps_readmore span{ width: 230px; padding: 0 10px 0 0; display:block; text-align:right; color: #999; ] #migursearch_results .ps_row1 p{ width: 240px; padding: 5px 0 5px 10px; margin: 0; background: #EEE; ] #migursearch_results .ps_row2 p{ width: 240px; padding: 5px 0 5px 10px; margin: 0; background: #CCC; ] #migursearch_results .ps_adv_link { text-decoration:none; ] #migursearch_results .ps_adv_link span{ width: 240px; padding: 5px 0 0 10px; display:block; background: #999; color: #FFF; ] #migursearch_results #mg_adv_link{ display: block; float: right; margin: 0 5px 3px; ] #migursearch_results #mg_adv_link:hover { background-color: transparent; color: #888; ] #migursearch_results .resulttext{ padding: 5px; ] #migursearch_results .resulttext * { line-height: 1em; color: #333333; ] #migursearch_results .mg_adv_link span { color: #333333; ] .migursearch_noresults { text-align: center; ] #migursearch_results #mg_no_results { padding: 0 0 0 5px; ] #migursearch_results .mg_readmore { display:block; float: right; color: #888888; ] #migursearch_results .mg_readmore * { color: #888888; font-size: 0.8em; ] #migursearch_results .mg_cat { color: #888888; font-size: 0.8em; ] #migursearch_close { background-image: url('../system/images/modal/closebox.gif'); width: 22px; height: 22px; right: -10px; top: -10px; position: absolute; ] 

плагин