Стандартный модуль social_block на Prestashop 1.6

[Oleg2013]

Доброго дня!

Может кто уже сталкивался с подобным:

 

Суть вот в чем:

Есть стандартный модель social_block (Блок соц. сетей v1.1). В настройках из админки в нем есть несколько полей для указания ссылки на страницу в социальных сетях. 

Нужно добавить еще одну строчку для вставки ссылки на сайт Вконтакте.

 

Строчку я добавил, даже ссылка работает, но столкнулся с проблемой вывода иконки социальной сети на сайте. Проблема кроется в CSS. В старой версии PrestaShop все было проще, в CSS указываешь ссылку на файл с картинкой и поехали. 

В новой PrestaShop 1.6 иконки социальных сете выводит вот такой код:

.footer-container #footer #social_block ul li.facebook a:before {
            content: "\f09a"; }
.footer-container #footer #social_block ul li.vk a:before {
            content: "\f099"; }
.footer-container #footer #social_block ul li.twitter a:before {
            content: "\f099"; }
.footer-container #footer #social_block ul li.rss a:before {
            content: "\f09e"; }
.footer-container #footer #social_block ul li.youtube a:before {
            content: "\f167"; }
.footer-container #footer #social_block ul li.google-plus a:before {
            content: "\f0d5"; }
.footer-container #footer #social_block ul li.pinterest a:before {
            content: "\f0d2"; }

Я уже подготовил строку для вывода иконки Вконтакте, но использую пока от Twitter`а. Где лежат теперь сами картинки - понять не могу!!!

Вот в этом то и проблема! ((((

Может кто подскажет как решить это с использованием нового кода!?

Т.е. нужно куда-то залить картинку для социальной сети Вконтакте, присвоить ей код и заменить в файле CSS код картинки? Или ка? 

.footer-container #footer #social_block ul li.vk a:before {
            content: "\f099"; }

Так выводит иконку от Twitter`a.

Заранее спасибо! 

Edited March 29, 2014 by Oleg2013 (see edit history)

[Sobolev]

Хороший вопрос!

Сам уже второй день бьюсь над этим.

И откуда подгружаются картинки логотипов соц.сетей - непонятно.

[Oleg2013]

Вот что далось накопать: 

http://ru.wikipedia.org/wiki/SVG

Работает именно так, но мне еще не понятно как (((

[Sobolev]

Да, логотипы судя по всему, в SVG-формате.

Только где они прописаны? Непонятно

[Oleg2013]

Точно не уверен, но вроде вот тут: 

...\themes\default-bootstrap\font\fontawesome-webfont.svg

[Sobolev]

Вот, добавил скриншот иконки, которую нужно заменить.

Может, у кого-то есть идеи?

Prestashop 1.6

 

Edited March 31, 2014 by Sobolev (see edit history)

[Sobolev]

Решение найдено!

 

Для изменения иконки надо в файле global.css внести изменения в строки

          .footer-container #footer #social_block ul li.facebook a:before {content: "\f09a"; }
          .footer-container #footer #social_block ul li.twitter a:before {content: "\f099"; }
          .footer-container #footer #social_block ul li.rss a:before {content: "\f09e"; }
          .footer-container #footer #social_block ul li.youtube a:before {content: "\f167"; }
          .footer-container #footer #social_block ul li.google-plus a:before {content: "\f0d5"; }
          .footer-container #footer #social_block ul li.pinterest a:before {content: "\f189"; }

Код иконки VK f189

Я заменил pinterest на vkontakte.

Соответственно, в настройках модуля в поле pinterest вписывал адрес вконтакте.

[Oleg2013]

Решение найдено!

 

Для изменения иконки надо в файле global.css внести изменения в строки

          .footer-container #footer #social_block ul li.facebook a:before {content: "\f09a"; }
          .footer-container #footer #social_block ul li.twitter a:before {content: "\f099"; }
          .footer-container #footer #social_block ul li.rss a:before {content: "\f09e"; }
          .footer-container #footer #social_block ul li.youtube a:before {content: "\f167"; }
          .footer-container #footer #social_block ul li.google-plus a:before {content: "\f0d5"; }
          .footer-container #footer #social_block ul li.pinterest a:before {content: "\f189"; }

Код иконки VK f189

Я заменил pinterest на vkontakte.

Соответственно, в настройках модуля в поле pinterest вписывал адрес вконтакте.

 

Отлично работает, спасибо! 

Как нашел код иконки? Подсказал бы

 

Вот что получилось: 

Edited April 1, 2014 by Oleg2013 (see edit history)

[Sobolev]

Коды всех иконок тоже прописаны в global.css, чуть выше.

[yanbekovrenat]

Спасибо за информацию, я себе подключил Контакты, все работает.

А какой код у кнопки Одноклассники?

[craze.kz]

А какой код у кнопки Одноклассники?

видать нет там одноклассников, я не нашел

[IgorOsnitsky]

Отлично, спасибо!

[SubHunt]

Может немного не туда, но все же. Есть такой сайт http://vzakladki.com/ там как раз Одноклассники майл ру и прочее для СССР. Не могу понять куда воткнуть его в преста код для старницы header.php все какието одинаковые с разных папок. Попробывал воткнуть на ucoz.kz Вот как выглядит http://podvoh.ucoz.kz/ (Слева вверху) Там все просто,а вот с престой не могу разобраться что-то...Может кто подскажет?