среда, 29 февраля 2012 г.

Правим элементы popup-окна изображения товара.

В принципе компонент Virtuemart переведен на русский нормально, за исключением мелких деталей, об одной из которых в данном посте.

Это окошко popup в котором открывается большое изображение товара. Сразу бросаются в глаза надписи NEXT, PREV, CLOSE  и IMAGE 1 OF 5.  Сайт вроде на русском, а данные элементы несколько портят всю русификацию.

Как это поправить?


Все достаточно просто, если уметь искать ;-)

Кнопки NEXT, PREV, CLOSE реализованы в виде изображений и прячутся по адресам:

/components/com_virtuemart/js/slimbox/css/
или
/components/com_virtuemart/js/slimbox-1.71a/css/

Для замены подключаемся к серверу по ФТП используя любой доступный фтп-клиент(я пользую total commander). Скачиваем все изображения из данной папки. Правим или делаем свои, желательного такого же размера как оригиналы и заливаем обратно в ту же папку. Имена, соответственно оставляем прежними.

Теперь по поводу надписи  IMAGE 1 OF 5.
 Данная строка прописана в файлах:

/components/com_virtuemart/js/slimbox/css/slimbox.js
/components/com_virtuemart/js/slimbox-1.71a/css/slimbox.js

Находим в этих файлах участок строки:

counterText:"Image {x} of {y}"

меняем на, например, counterText:"Картинка {x} из {y}".
Далее чтобы наши изменения корректно отображались на сайте, файл следует сохранить в кодировке UTF8.

В итоге получаем такой вот результат:


Скачать готовые картинки и исходники в psd для кнопок можно ТУТ
На этом все. Теперь popup-окошко у нас на русском и ничего не напрягает.

Комментариев нет:

Отправить комментарий

Ваш комментарий отправлен на модерацию. Он появится в списке комментариев после проверки.