Добавление кнопок соцсетей в header.

[kolesnikov2040]

Добрый день. Помогите пожалуйста. Не могу красиво добавить кнопки соцсетей. Нашел очень много мануалов как добавить их в футер или еще куда нибудь, но вот в хедер, именно куда мне надо, не удается.

Приложил скрин сайта. Хочу вставить именно под номер телефона. Помогите пожалуйста.

[GreenDragon]

Добрый день, вы не могли бы выложить сюда файл header.tpl и код кнопок соцсетей?

[kolesnikov2040]

Добрый день, вы не могли бы выложить сюда файл header.tpl и код кнопок соцсетей?

 

Сюда не удается выложить файл, выложил в файлообменник: 

А коды кнопок.... эмм затрудняюсь, наверное это мне и нужно))

[Vitt09]

Ну нужно знать, вам нужно только ссылки на ваши страницы соцсетей, или же ссылки на "поделиться/добавить",  так как в карточке товара?

[GreenDragon]

Если хотите так как на странице товаров:

 

в файле header.tpl

 

после

</div>
<div class="header_phone"><b>Тел.:</b> 8-935-821-32-22</div>
</div>

добавляете

<div class="share42init"></div>
<script type="text/javascript" src="share42/share42.js"></script>

переходите на сайт http://share42.com/ru и выбираете нужные вам кнопки с нужными размерами

 

тип панели с иконками: горизонтальная

 

одировка вашего сайта: UTF-8

 

остальные опции не отмечаете, где отмечено - снимаете галочки

 

скачиваете готовый скрипт, распаковуете архив и папку share42 копируете в корень вашего сайта

 

открываете stylesheet.css и в самом конце добавляете, например:

#share42 {
left: 665px;
padding: 6px 0px 0px 6px;
position: absolute;
top: 100px;
}

свойствами left и top ставите куда вам нужно

 

пример кнопок: http://share42.com/demo.php?i=facebook,google-bookmarks,mail-ru,moi-krug,odnoklassniki,twitter,vkontakte,yandex&size=32

[kolesnikov2040]

Ну нужно знать, вам нужно только ссылки на ваши страницы соцсетей, или же ссылки на "поделиться/добавить",  так как в карточке товара?

Нужно ссылки на страницы магазина в соцсетях

[GreenDragon]

Нужно ссылки на страницы магазина в соцсетях

 

Ну так-же само, в header.tpl, после..

</div>
<div class="header_phone"><b>Тел.:</b> 8-935-331-32-22</div>
</div>

добавляете ссылки так..

<div class="socseti">
<a href="#"><img src="image/socseti/facebook.gif" /></a>
<a href="#"><img src="image/socseti/mail.gif" /></a>
<a href="#"><img src="image/socseti/odnokl.gif" /></a>
<a href="#"><img src="image/socseti/twitter.gif" /></a>
<a href="#"><img src="image/socseti/vk.gif" /></a>
</div>

где "#" - ссылки на нужнуе страницы

 

"facebook.gif, mail.gif, odnokl.gif..." - название иконок изображения, в зависимости от  формата ваших иконок  -  ".gif или .png"

 

дальше в www.ваш сайт/image - создаете папку с названием "socseti", куда и добавите свои иконки

 

в файле stylesheet.css , в самом конце добавляете

.socseti {
left: 549px;
padding: 6px 0px 0px 6px;
position: absolute;
top: 100px;
}

и уже регулируете позицию свойствами left и top

Змінено 1 квітня 2014 користувачем AlexFisher
Цитировать умеете? Научитесь в code код совать, пожалуйста.

[kolesnikov2040]

Спасибо большое. Получилось

Змінено 27 квітня 2017 користувачем Skunk
overquote deleted

[Apostolpaul]

Здравствуйте! Какой код нужно вставить, чтобы при нажатии на иконку соц сети поделиться записью!?

[AleksandrEvroteh]

Откуда скрип берес рисунок если я ставлю кнопки под статьей? Мне нужно чтобы был рисунок из статьи, но его не вставляет, а вместо его кусок лого.

http://evroteh.net/perevod

А вот здесь http://evroteh.net/kak_vybraty_stiralnuyju_mashinu

нормально рисунок подхватывает.

ПС имеется ввиду кнопка Фейсбук.

Змінено 24 січня 2020 користувачем AleksandrEvroteh

[AleksandrEvroteh]

Странно, уже работает. Я изображение позже добавил, может из за того оно не добавлялось? А вообще какой принцип, как это работает, куда лучше ставить рисунок чтобы он был в новости соцсети ФБ?