Автор Тема: Модуль "Блок соц. сетей". Добавить логотип VK  (Прочитано 23241 раз)

21 Ноябрь 2016, 12:38:16
Ответ #60
  • Новичок
  • *
  • Сообщений: 48
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Нужна незначительная правка кода, см. скрин
Авторизацию можно сделать и на главной и на странице оформления заказа, пример в подписи.

   {/if}
{/capture}
<h1 class="page-heading">{if !isset($email_create)}{l s='Authentication'}{else}{l s='Create an account'}{/if}</h1>
{if isset($back) && preg_match("/^http/", $back)}{assign var='current_step' value='login'}{include file="$tpl_dir./order-steps.tpl"}{/if}
{hook h='auth'}
{include file="$tpl_dir./errors.tpl"}
{assign var='stateExist' value=false}
{assign var="postCodeExist" value=false}
{assign var="dniExist" value=false}
{if !isset($email_create)}
вот я вставил, но так и ничего не увидел, модуль и сайт я настроил вроде
21 Ноябрь 2016, 14:13:53
Ответ #61
  • Старожил
  • ****
  • Сообщений: 310
  • Репутация: +7/-0
  • Сообщество PrestaShop
    • Просмотр профиля
    • Адвокаты, юристы. Киев, Чернигов
Нужна незначительная правка кода, см. скрин
Авторизацию можно сделать и на главной и на странице оформления заказа, пример в подписи.

   {/if}
{/capture}
<h1 class="page-heading">{if !isset($email_create)}{l s='Authentication'}{else}{l s='Create an account'}{/if}</h1>
{if isset($back) && preg_match("/^http/", $back)}{assign var='current_step' value='login'}{include file="$tpl_dir./order-steps.tpl"}{/if}
{hook h='auth'}
{include file="$tpl_dir./errors.tpl"}
{assign var='stateExist' value=false}
{assign var="postCodeExist" value=false}
{assign var="dniExist" value=false}
{if !isset($email_create)}
вот я вставил, но так и ничего не увидел, модуль и сайт я настроил вроде
Там три вида настроек - если ставить как виджет, то нужно так как на скрине.
Установка, настройка, сайтов, интернет-магазинов, наполнение интернет - магазинов на движке WP, PrestaShop.
Юридические услуги http://kanon-lawyers.com.ua на WP Интернет - магазин https://balagan.pp.ua на PrestaShop
21 Ноябрь 2016, 14:53:12
Ответ #62
  • Новичок
  • *
  • Сообщений: 48
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Отключите кеширование на сайте. Очистите кеш сайта и браузера.
1. Скачайте последнюю версию шрифта Font Awesome
2. Расспакуйте скачанную версию и замените 5 файлов (в папке /themes/default-bootstrap/fonts/..) старого шрифта на новую версию шрифта.
3. В файле /themes/default-bootstrap/css/global.css замените правило css
.footer-container #footer #social_block ul li.vimeo a:before {content: "\f194"; }на
.footer-container #footer #social_block ul li.vimeo a:before {content: "\f264"; }4. В адмике в Модули и Сервисы найдите модуль Блок социальных сетей (blocksocial), нажмите Настроить, добавьте ссылку на одноклассники в "Vimeo URL:".

Спасибо большое за помощь для чайников, сделал все по схеме, работает  ;D  F263 и F264 - лого одноклассников в разном формате
21 Ноябрь 2016, 14:57:25
Ответ #63
  • Новичок
  • *
  • Сообщений: 48
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Нужна незначительная правка кода, см. скрин
Авторизацию можно сделать и на главной и на странице оформления заказа, пример в подписи.

   {/if}
{/capture}
<h1 class="page-heading">{if !isset($email_create)}{l s='Authentication'}{else}{l s='Create an account'}{/if}</h1>
{if isset($back) && preg_match("/^http/", $back)}{assign var='current_step' value='login'}{include file="$tpl_dir./order-steps.tpl"}{/if}
{hook h='auth'}
{include file="$tpl_dir./errors.tpl"}
{assign var='stateExist' value=false}
{assign var="postCodeExist" value=false}
{assign var="dniExist" value=false}
{if !isset($email_create)}
вот я вставил, но так и ничего не увидел, модуль и сайт я настроил вроде
Там три вида настроек - если ставить как виджет, то нужно так как на скрине.

У меня вот так, оформление другое, суть вроде та же
23 Ноябрь 2016, 10:50:14
Ответ #64
  • Пользователь
  • **
  • Сообщений: 71
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Товарищи а вот меня интересует добавление иконок от телеграма и вайбера.
телеграм код нашёл fa-telegram  или \f2c6
с вайбером сложнее, его пока нет.

Вопрос. как мне правильно добавить иконку телеграм в global.css?
.icon-whatsapp:before {
  content: ""; }
вот не понимаю я этого квадратика
23 Ноябрь 2016, 11:17:49
Ответ #65
  • Ветеран
  • *****
  • Сообщений: 16670
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
У вас нет поддержки шрифта fontawesome. Поэтому коды иконок смотрите на сайте - http://fontawesome.io/icons/
fa-whatsapp · Unicode: f232
fa-telegram · Unicode: f2c6
Для viber
https://github.com/kukac7/fa-viber
23 Ноябрь 2016, 13:43:07
Ответ #66
  • Пользователь
  • **
  • Сообщений: 71
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
У вас нет поддержки шрифта fontawesome. Поэтому коды иконок смотрите на сайте - http://fontawesome.io/icons/
fa-whatsapp · Unicode: f232
fa-telegram · Unicode: f2c6
Для viber
https://github.com/kukac7/fa-viber

как это нет. в классах есть записи content:\f2c6;
я так понимаю что есть привязка
как правильно в коде прописать?
попробовал <i title="WhatsApp" class="icon-whatsapp"></i> иконка высветилась.
вот и думаю что в классы надо прописать и другие иконки и так же вставлять
23 Ноябрь 2016, 13:50:50
Ответ #67
  • Ветеран
  • *****
  • Сообщений: 1808
  • Репутация: +49/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Классы нужно устанавливать. Классы иконок уже определены в global.css, если какого-то нет, то нужно дописать его в  global.css.
23 Ноябрь 2016, 14:03:41
Ответ #68
  • Пользователь
  • **
  • Сообщений: 71
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Классы нужно устанавливать. Классы иконок уже определены в global.css, если какого-то нет, то нужно дописать его в  global.css.
ВОТ!
я про это и спрашиваю
не знаю как правильно прописать по образу и подобию других. у меня квадратик. куда прописать unicod или fa-telegram ?
и кстати параллельный вопрос. Символ рубля который подставляет преста не всегда отображается у посетителей.
Если использовать тот же font awesome  fa-rub или Unicode: f158?
23 Ноябрь 2016, 14:23:42
Ответ #69
  • Ветеран
  • *****
  • Сообщений: 3419
  • Репутация: +79/-6
  • Сообщество PrestaShop
    • Просмотр профиля
не знаю как правильно прописать по образу и подобию других. у меня квадратик. куда прописать unicod или fa-telegram ?
Тебе же написали
У вас нет поддержки шрифта fontawesome. Поэтому коды иконок смотрите на сайте - http://fontawesome.io/icons/

Если хочешь видеть коды, то подключи этот шриф на своем компе.
23 Ноябрь 2016, 15:31:25
Ответ #70
  • Пользователь
  • **
  • Сообщений: 71
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
а как это сделать - установить?
куда пописать ?
fa-whatsapp · Unicode: f232
fa-telegram · Unicode: f2c6
23 Ноябрь 2016, 16:16:39
Ответ #71
  • Ветеран
  • *****
  • Сообщений: 16670
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
В global.css
.icon-название:before {content: "\f..."; }
23 Ноябрь 2016, 18:41:06
Ответ #72
  • Пользователь
  • **
  • Сообщений: 71
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В global.css
.icon-название:before {content: "\f..."; }
я правильно понимаю что global.css черпает данные из папки font-awesome данные, а из этой папки в папке fonts? Если да, то там нет того же телеграмм.
он появился в версии 4.7.0 а в моей престе идет версия 4.3.0
Если не прав, извините.
23 Ноябрь 2016, 18:55:23
Ответ #73
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
24 Ноябрь 2016, 14:45:48
Ответ #74
  • Пользователь
  • **
  • Сообщений: 71
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
всем спасибо большое. получилось