Тема: Отображение иконок соцсетей
Добавили ссылку на Инстаграм, но на сайте у пользователя иконка не отображается.
Что могло пойти не так?
Re: Отображение иконок соцсетей
Алексей пишет:
Добавили ссылку на Инстаграм, но на сайте у пользователя иконка не отображается.
Что могло пойти не так?
Какая тема у Вас стоит?
Re: Отображение иконок соцсетей
Та же проблема. Поставил ссылку на ватцап и вайбер, иконок нет. Тема Современная.
Re: Отображение иконок соцсетей
Андрей пишет:
Та же проблема. Поставил ссылку на ватцап и вайбер, иконок нет. Тема Современная.
Иконок нет,надо вручную прописать и дать ссылки на картинки
Расказую как сделать
Идем в templates/Ваша тема/resource/css/main.css
Ищем .block-social .google
Будет блок примерно такого вида(даю пример своего блока (у меня 1956 строка))
.block-social .google {
background: url("../img/google.svg");
background-size: contain; }
.block-social .facebook {
background: url("../img/facebook.svg");
background-size: contain; }
.block-social .twitter {
background: url("../img/twitter.svg");
background-size: contain; }
.block-social .yandex {
background: url("../img/yandex.svg");
background-size: contain; }
.block-social .vk {
background: url("../img/vk.svg");
background-size: contain; }
.block-social .instagram {
background: url("../img/instagram.svg");
background-size: contain; }
.block-social .youtube {
background: url("../img/youtube.svg");
background-size: contain; }
.block-social .whatsapp {
background: url("../img/whatsapp.svg");
background-size: contain; }
.block-social .telegram {
background: url("../img/telegram.svg");
background-size: contain; }
.block-social .viber {
background: url("../img/viber.svg");
background-size: contain; }Добавляем ссылки на нужные вам соцсети
Далее топаем создавать /templates/my/helpers/tpl/footer/social.tpl
Содержимое файла
{* Ссылки на группы в социальных сетях *}
{if $CONFIG.facebook_group
|| $CONFIG.vkontakte_group
|| $CONFIG.twitter_group
|| $CONFIG.instagram_group
|| $CONFIG.youtube_group
|| $CONFIG.viber_group
|| $CONFIG.telegram_group
|| $CONFIG.whatsapp_group}
<div class="column">
<div class="column_title">
<span>{t}МЫ В СОЦСЕТЯХ{/t}</span>
</div>
<div class="footer-social_wrapper">
<div class="block-social">
{if $CONFIG.facebook_group}
<a href="{$CONFIG.facebook_group}" class="facebook"></a>
{/if}
{if $CONFIG.vkontakte_group}
<a href="{$CONFIG.vkontakte_group}" class="vk"></a>
{/if}
{if $CONFIG.google_group}
<a href="{$CONFIG.google_group}" class="google"></a>
{/if}
{if $CONFIG.twitter_group}
<a href="{$CONFIG.twitter_group}" class="twitter"></a>
{/if}
{if $CONFIG.instagram_group}
<a href="{$CONFIG.instagram_group}" class="instagram"></a>
{/if}
{if $CONFIG.youtube_group}
<a href="{$CONFIG.youtube_group}" class="youtube"></a>
{/if}
{if $CONFIG.viber_group}
<a href="{$CONFIG.viber_group}" class="viber"></a>
{/if}
{if $CONFIG.telegram_group}
<a href="{$CONFIG.telegram_group}" class="telegram"></a>
{/if}
{if $CONFIG.whatsapp_group}
<a href="{$CONFIG.whatsapp_group}" class="whatsapp"></a>
{/if}
</div>
</div>
<!-- footer-social_wrapper-->
</div>
{/if}В конструкторе создаем Произвольный шаблон, путь к шаблону
%THEME%/helpers/tpl/footer/social.tplВставляем в нужное вам место
Картинки в путь templates/Ваша тема/resource/img
Выложил на 6 дней мой архив https://dropmefiles.com/4Cufl
+2
