Jump to content
Oleg2013

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

Recommended Posts

Доброго дня!

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

 

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

Есть стандартный модель 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 by Oleg2013 (see edit history)

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Prestashop 1.6

 

1607bc04702dd00e4ba683ee77fb867c.png

Edited by Sobolev (see edit history)

Share this post


Link to post
Share on other sites

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

 

Для изменения иконки надо в файле 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 вписывал адрес вконтакте.

  • Like 3

Share this post


Link to post
Share on other sites

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

 

Для изменения иконки надо в файле 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 вписывал адрес вконтакте.

 

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

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

 

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

post-637649-0-65000600-1396384337_thumb.jpg

Edited by Oleg2013 (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
А какой код у кнопки Одноклассники?

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

×

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More