Введение

Меняйте текстовое обозначение валюты (руб, $ и т.д.) на специальный значёк или свою картинку с небывалой лёгкостью!
Представляю вам плагин "Замена текстового обозначения любой валюты на иконку"!

Функционал:

• Скрипт заменяет текстовое обозначение валюты "руб." на стилизованный новый значёк рубля.
• Скрипт заменяет стандартный значёк $ на стилизованный значёк.
• Размер и Цвет значка можно изменять по своему усмотрению.
• Работает с опциями.
• Можно настроить под любую валюту.
• Можно использовать любые картинки и значки.

По умолчанию используются бесплатные иконки fontawesome. После установки скрипта вы сможете пользоваться ими по всему сайту.

Благодарим за покупку скрипта! Установка скриптового решения займет некоторое время. Пожалуйста, внимательно читайте инструкции и старайтесь следовать всем рекомендациям.

Установка кода

Загрузите папку "valuta_icon" и всё её содержимое в корневой каталог своего сайта:

Перейдите в Панель управления » Управление дизайном , и в шаблонах "Главная страница магазина", "Каталог товаров", "Страница товара", перед тегами </body></html> разместите код:

<script type="text/javascript" src="/valuta_icon/js/valuta_icon.js"></script>

после чего сохраните изменения.

Перейдите в Панель управления » Управление дизайном , и в шаблоне "Корзина" в самом конце разместите код:

<script>$(function(){rublik()});</script>

после чего сохраните изменения.

Перейдите к таблице стилей Интернет-магазина и вставьте следующий код:

@import url(/valuta_icon/css/font-awesome.min.css);
.shop-itempage-price{font-size:3em;color:#ff0000;}
.shop-itempage-price i.fa{font-size:1em;color:#ff0000;}

при этом выделенное красным шрифтом обязательно должно находиться на первой строке.
На изображении выше желтым выделена часть кода отвечающего за оформление цен.
чтобы сменить размер, измените параметр "font-size", чтобы сменить цвет, параметр "color".

Информация о классах .shop-itempage-price -Размер шрифта и цвет блока с ценой
.shop-itempage-price i.fa - Размер шрифта и цвет стилизованного значка

В шаблоне "Страница товара", "Корзина", "Вид товара в корзине", "Вид товара в прайс-листе" и "Вид товара в каталоге" добавьте класс "uprice" к контейнерам с ценой (валюта будет заменяться именно там).
для стандартного шаблона это будет выглядеть так:

<s class="uprice">$PRICE_OLD$</s> <span class="newprice uprice">$PRICE$</span><?else?><span class="uprice">$PRICE$</span>

Настройка параметров

var valuta = '.uprice';
var valuta_kop = true;

valuta задает класс контейнера с ценой
valuta_kop удалять или не удалять нулевые копейки, центы и т.д. Принимает 2 значения: true - удалять и false - не удалять.

Расширение функционала

Если вы хотите заменить валюту своим изображением, найдите в скрипте часть строки:

<i class=\"fa fa-ru\"><\/i>

и замените на код своей картинки, например:

<img src=\"/img/kartinka.png\" \/>

Обратите внимание на выделенные красным цветом символы \ , они экранируют символы " и / Если вы хотите заменять другую валюту кроме доллара и рубля: откройте файл /valuta_icon/js/valuta_icon.js текстовым редактором и скопируйте либо исправьте следующий код:

// Замена "руб." на иконку рубля
$(valuta + ':contains("руб.")').each(function () {
  var s = $(this).html();
  var d = s.replace(/руб./gim, "").replace(/<i class=\"fa fa-rub\"><\/i>/gim, "");
  $(this).html(d + '<i class=\"fa fa-rub\"><\/i>');
});

и замените в нём выделенный красным код под свои нужды. Посмотрите список иконок в архиве. Так же вы можете использовать свои картинки.