Тема: Блок ссылок на соц сети

отправили на.. форум.

16:30:19 zamki: модуль в верстке сайта, с сылками на социальные сети
16:31:12 zamki: как добавить? в демо шаблоне он есть..
16:34:26 Виталий: social.tpl в корне темы
16:35:03 zamki: в произвольный html&
16:35:05 zamki: ?
16:37:15 Виталий: добавьте блок "произвольный шаблон" и укажите ему нужный файл.
16:48:56 zamki: добавил
16:49:02 zamki: theme:default/social.tpl
16:49:37 zamki: прописано так, но не работает
16:50:17 zamki: %THEME%/social.tpl
16:50:24 zamki: так тоже не работает
16:50:47 zamki: social.tpl надо скопировать в мою тему?
16:55:17 Виталий: скопируйте в вашу тему, подключите так "%THEME%/social.tpl"
16:55:43 Виталий: если у вас старая тема, вам нужно будет ещё стили скопировать
16:59:20 zamki: скопировал social.tpl в корень темы zamki61, прописал %THEME%/social.tpl
16:59:47 zamki: пока ничего, что с стилями?
17:00:15 zamki: что куда скопировать?

скопировал social.tpl в корень темы zamki61, прописал %THEME%/social.tpl
но попрежнему ничего, что сделать чтобы блок появился?

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

Re: Блок ссылок на соц сети

Что у Вас храниться в шаблоне social.tpl?

3

Re: Блок ссылок на соц сети

{if $CONFIG.facebook_group || $CONFIG.vkontakte_group || $CONFIG.twitter_group}
<div class="socialLine">
    {if $CONFIG.facebook_group}
    <a href="{$CONFIG.facebook_group}" class="fb"></a>
    {/if}
    {if $CONFIG.vkontakte_group}
    <a href="{$CONFIG.vkontakte_group}" class="vk"></a>
    {/if}
    {if $CONFIG.twitter_group}
    <a href="{$CONFIG.twitter_group}" class="tw"></a>
    {/if}
    {if $CONFIG.instagram_group}
    <a href="{$CONFIG.instagram_group}" class="instagram"></a>
    {/if}
</div>
{/if}

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

4 Отредактировано Закусило Александр (28.02.2017 19:43:15)

Re: Блок ссылок на соц сети

Ну судя по шаблону, Вам нужно, только заполнить ссылки на соц. группы в Веб-сайт->Настройки сайта

5

Re: Блок ссылок на соц сети

прописаны 3 из 4-х..

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

Re: Блок ссылок на соц сети

OK. А в HTML который у Вас в итоге получается элемент с классом socialLine? Может он есть в исходном коде, но у Вас нет стилей для отображения. Посмотрите через CTRL+U
И ещё блок с шаблоном, Вы в конструкторе сайта на какой странице и где указали?

7

Re: Блок ссылок на соц сети

<div class="socialLine">
        <a href="https://www.facebook.com/zamky61ru-1356518521054820/" class="fb"></a>
            <a href="https://vk.com/public25972495" class="vk"></a>
                <a href="https://www.instagram.com/zamki61/?hl=ru" class="instagram"></a>
    </div>

присутствует

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

Re: Блок ссылок на соц сети

Ну значит, либо у Вас нет стилей, для socialLine, либо нет картинок, которые должны отобразится.
Проверьте, есть ли у Вас в стилях:

.socialLine {
    margin-top: 20px;
}

.socialLine a {
    display:inline-block;
    width:34px;
    height:34px;
    margin-right:2px;
    background: url(../img/social_icons.png) no-repeat;
}

.socialLine .fb { }
.socialLine .vk { background-position:-34px 0; }
.socialLine .tw { background-position:-68px 0; }
.socialLine .instagram { background-position:-170px 0; }
.socialLine .google { background-position:-102px 0; }
.socialLine .rss { background-position:-136px 0; }

Если нет, то добавить. И соответственно, нужно проверить наличие картинки social_icons.png в папке img вашей темы.
Если нет, то взять из темы default

9 Отредактировано Андрей (02.03.2017 12:11:50)

Re: Блок ссылок на соц сети

.socialLine {
    margin-top: 20px;
}

.socialLine a {
    display:inline-block;
    width:34px;
    height:34px;
    margin-right:2px;
    background: url(../img/social_icons.png) no-repeat;
}

.socialLine .fb { }
.socialLine .vk { background-position:-34px 0; }
.socialLine .tw { background-position:-68px 0; }
.socialLine .instagram { background-position:-170px 0; }
.socialLine .google { background-position:-102px 0; }
.socialLine .rss { background-position:-136px 0; }

это в style.css

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

Re: Блок ссылок на соц сети

Значит, либо нет картинки. Либо какой-то стиль предположительно перекрывает отображение. Понять можно проинспектировав в Firebug.

11

Re: Блок ссылок на соц сети

в firebug модуль есть..

где должны быть картинки?
если нет то где взять?

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

12

Re: Блок ссылок на соц сети

Андрей пишет:

в firebug модуль есть..

где должны быть картинки?
если нет то где взять?

Картинки должны быть вот тут:
http://d.pr/i/V5JW
Вместо нашего, подставьте ваш сайт и вместо нашей темы, свою.
Картинки в интернете. Советую SVG
например тут http://www.flaticon.com/categories/social

13

Re: Блок ссылок на соц сети

)) не увидел.. вы мне написали выше ))

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

14

Re: Блок ссылок на соц сети

скопировал из дефолтных, но ничего не появилось..

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

15

Re: Блок ссылок на соц сети

вот блок.

<div class="module-wrapper" style="display: block; float: none;">
    <div class="module-border module-border-left"></div>
    <div class="module-border module-border-right"></div>
    <div class="module-border module-border-top"></div>
    <div class="module-border module-border-bottom"></div>
   
    <div class="module-tools ui-draggable">   
        <div class="dragblock ui-draggable-handle">&nbsp;</div>
                    <a href="/administrator/templates-blockctrl/?id=3175&amp;do=editModule" title="Настройки блока" class="debug-icon crud-add debug-icon-blockoptions" target="_blank"></a>
                    <a class="debug-icon debug-icon-info debug-hint" onclick="window.open('/administrator/main-debug/?do=showVars&amp;toolgroup=2889474886','popup2889474886', 'width=400,height=300,scrollbars=yes')"></a>
            </div>
    <div class="module-content">
        <div class="socialLine">
        <a href="https://www.facebook.com/zamky61ru-1356518521054820/" class="fb"></a>
            <a href="https://vk.com/public25972495" class="vk"></a>
                <a href="https://www.instagram.com/zamki61/?hl=ru" class="instagram"></a>
    </div>
   </div>
</div>

вот ксс
module-wrapper {
    position: relative;
    overflow: hidden;
    min-height: 32px;
    zoom: 1; - зачеркнут

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

16

Re: Блок ссылок на соц сети

не могу открыть скриншот

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

17 Отредактировано Илья (02.03.2017 15:17:43)

Re: Блок ссылок на соц сети

Вот смотрите, не подцепляет стили
http://s019.radikal.ru/i638/1703/d7/bed82f190f0d.png

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

18

Re: Блок ссылок на соц сети

как открыть скрин? так ничего не видно..

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

19 Отредактировано Илья (02.03.2017 15:22:55)

Re: Блок ссылок на соц сети

http://www.fotolink.su/v.php?id=02b478e … 649e20e36d

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

20

Re: Блок ссылок на соц сети

Андрей пишет:

{if $CONFIG.facebook_group || $CONFIG.vkontakte_group || $CONFIG.twitter_group}
<div class="socialLine">
    {if $CONFIG.facebook_group}
    <a href="{$CONFIG.facebook_group}" class="fb"></a>
    {/if}
    {if $CONFIG.vkontakte_group}
    <a href="{$CONFIG.vkontakte_group}" class="vk"></a>
    {/if}
    {if $CONFIG.twitter_group}
    <a href="{$CONFIG.twitter_group}" class="tw"></a>
    {/if}
    {if $CONFIG.instagram_group}
    <a href="{$CONFIG.instagram_group}" class="instagram"></a>
    {/if}
</div>
{/if}

там div class="socialLine"

а в шаблоне вообще другой класс показывает.. как убрать?

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

21

Re: Блок ссылок на соц сети

Андрей пишет:

там div class="socialLine"

а в шаблоне вообще другой класс показывает.. как убрать?

Где там?
Какой другой?

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

22

Re: Блок ссылок на соц сети

в firebag, если проинспектировать.. то в коде - class="module-wrapper"

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

23 Отредактировано Закусило Александр (02.03.2017 16:34:20)

Re: Блок ссылок на соц сети

C HTML у Вас всё в порядке. У Вас проблема в CSS в объединённый и оптимизированный файл не попадают конструкции для socialLine. В каком у Вас он файле и что у Вас находится в layout.tpl?

в firebag, если проинспектировать.. то в коде - class="module-wrapper"

Он появляется когда Вы находитесь в режиме правки и оборачивает все блок контроллеры.

24

Re: Блок ссылок на соц сети

Всем спасибо, вроде получилось уже..

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