Тема: Отображение иконок соцсетей

Добавили ссылку на Инстаграм, но на сайте у пользователя иконка не отображается.
Что могло пойти не так?

Повысить оценку Понизить оценку

2

Re: Отображение иконок соцсетей

Алексей пишет:

Добавили ссылку на Инстаграм, но на сайте у пользователя иконка не отображается.
Что могло пойти не так?

Какая тема у Вас стоит?

Повысить оценку Понизить оценку

3

Re: Отображение иконок соцсетей

Та же проблема. Поставил ссылку на ватцап и вайбер, иконок нет. Тема Современная.

Повысить оценку Понизить оценку

4

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 Понизить оценку