Задался идеей заменить "руб." на значки рубля (информация тут -
http://www.artlebedev.ru/tools/technogrette/html/rouble/)
Что делал, по порядку:
1) В админке, "
Информация о магазине" в поле "
Символ валюты" вбил "
RUB", чтоб везде было одинаково (до этого после оформления покупки выводилась форма - и, хотя везде на сайте было "руб.", там было "RUB")
2) Далее, в файле
..\administrator\components\com_virtuemart\classes\currency\class_currency_display.php добавил строку автозамены этого самого "
RUB":
У меня
строка 139 с кодом:
case 'SGD': $this->symbol='SGD $';break;
case 'RUB': $this->symbol=' <span class="rur">р<span>уб.</span></span>';break;
Это я впихнул код, позаимствованный у А. Лебедева
3) Осталось прописать в
CSS нужные строки:
@font-face { font-family: "Arial Rubl Sign"; src: url(http://www.artlebedev.ru/;-)/ruble.eot); }
span.rur {font-size: 1em;font-weight: normal;line-height: 1.3;}
span.rur {font-family: Arial;//font-family: "Arial Rubl Sign";text-transform: uppercase;//text-transform: none;}
span.rur span { position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .11em 0 0 -.68em;//display: none; }
span.rur span:before { content: '\2013'; }
Опять же, взял с Яндекса.
Всё, после этого осталось подправить размеры своих шрифтов, если требуется и чуть изменить стиль для span.rur span, ибо у меня сперва палочка, перечёркивающая "Р" была не совсем там, где надо.
Однако, в силу того, что помимо стандартных модулей, я использую модуль вывода VirtueMart Universal, где "руб." прописано жёстко в коде, пришлось ещё повозиться.
Так как CSS я знаю не ахти, пришлось вставить значок рубля картинкой из-за того, что "display:block;" ну никак не хотел работать с кодом от Лебедева.
Если у кого есть более грамотное решение - буду только рад, если поделитесь.
з.ы. живой пример - http://w w w.the he ro.ru (пробелы, соответственно, убрать)
з.ы.ы. если не хочется ссылаться на файл шрифта на яндексе - прикрепил архив, на всякий.
Соответственно, изменить нужно в CSS:
@font-face { font-family: "Arial Rubl Sign"; src: url(http://www.artlebedev.ru/;-)/ruble.eot); }
на, например
@font-face { font-family: "Arial Rubl Sign"; src: url(http://www.ваш_сайт.ru/templates/ваш_шаблон/css/ruble.eot); }
, не забыв предварительно закачать туда файлик.
Хотя, вроде этот файл шрифта вообще не обязателен..
з.ы.ы.ы. Файл почему-то прикрепить не удалось - пишет, что папка upload переполнена.. Выложил на файлообменник -
http://www.sendspace.com/file/wmfyli
02.03.2014, 21:35:51