VM1.1:Как установить виртуальную клавиатуру в поиск на ваш сайт (модуль mod_virtuemart_search)
17.04.2013 г.
Проблема: Пользователи сайта, у которых нет русского языка на клавиатуре не могут искать товары на сайте.

Решение: Необходимо установить виртуальную клавиатуру.
Скачиваем файл стиля клавиатуры :  keyboard.css
Скачиваем файл скрипта клавиатуры : keyboard.js

 Подключаем их к сайту, для этого в шаблоне в файле index.php в теге  head  добавляем следующий код:

<script type="text/javascript" src="<?php echo $templateUrl; ?>/keyboard.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/keyboard.css">

 В файле mod_virtuemart_search.php  находим строчку :

<input name="keyword" type="text" size="30" title="<?php echo $VM_LANG->_('PHPSHOP_SEARCH_TITLE') ?>" class="inputbox"

 и меняем класс class="inputbox"   на  class="keyboardInput" чтобы подключить исполнение скрипата

 Должно получиться, что то типа:

<input name="keyword" type="text" size="30" title="<?php echo $VM_LANG->_('PHPSHOP_SEARCH_TITLE') ?>" class="keyboardInput" id="keyword" onfocus="if(this.value=='Поиск') this.value='';" onblur="if(this.value=='') this.value='Поиск';" value="Поиск" />

После изменений, получаем следующий вид модуля поиска.

чтобы значок   клавиатуры поместить в поле поиска в файле стиля   keyboard.css изменяем отступ ( margin0 3px 0 -33px;) в классе .keyboardInputInitiator

.keyboardInputInitiator {
    cursorpointer;
    margin0 3px 0 -33px;
    vertical-alignmiddle;
}

В итоге получим

 

 Автор решения: Алексей Лысков
Этот e-mail защищен от спам-ботов. Для его просмотра в вашем браузере должна быть включена поддержка Java-script