Вы разработали интернет-магазин с плагином Woocommerce и не находите значка рубля? Увы, вы его не найдете — такого значка Woocommerct не предусматривает. Вместо значка рубля на вашем сайте будет красоваться вот такой значок ₽
Итак, как установить значок рубля на сайте с Woocommerce. Вот вам готовое решение, друзья!
1. Убедитесь, что плагин Woocommerce установлен.
2. Скачайте этот архив и распакуйте его через FTP в какую-либо папку на сервере, допустим /wp-content/uploads/fonts (папку fonts в этом примере нужно предварительно создать).
3. В админке сайта войдите в раздел Внешний вид → Настроить, затем выберите вкладку Дополнительные стили и пропишите в неё следующий код
где
/wp-content/uploads/fonts
– директория, в которую вы распаковали содержимое скачанного архива. Можно выбрать другую, соответственно, прописав её в коде.
Ниже допишите следующий стиль:
.woocommerce-Price-currencySymbol{font-family:arialrubl,sans-serif !important}
После этого обновите сайт клавишей F5. Вуаля, теперь на месте квадратиков красуется гордый знак самой перспективной валюты – ₽! В некоторых случаях, если изменения не вступили в силу, разместите стиль
.woocommerce-Price-currencySymbol{font-family:arialrubl,sans-serif !important}
в файле style.css (или его аналоге) темы, которой вы используете.
Будут вопросы – пишите!
4 Responses
Я скопировала код, все сделала, как нужно, но значок рубля не появился, что делать?
Здравствуйте, Анна! При вставке кода обратите внимание на апостроф (это надстрочная запятая). Дело в том, что при копировании с сайта кодов эта запятая отображается не корректно. Вам просто нужно заменить скопированный апостроф ‘ напечатав его с клавиатуры: это буква Э в английской раскладке.
Анна, обновите плагин. В новых версиях Woocommerce значок рубля уже подтягивается.
Да, в последних версиях Woocomerce значок рубля уже выводится.