Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

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


Рекомендованные сообщения

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

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

post-27254-0-50183400-1396116932_thumb.jpg

Ссылка на комментарий
Поделиться на других сайтах


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

 

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

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

Ссылка на комментарий
Поделиться на других сайтах


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

Ссылка на комментарий
Поделиться на других сайтах


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

 

в файле 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

Ссылка на комментарий
Поделиться на других сайтах

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

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

Ссылка на комментарий
Поделиться на других сайтах


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

 

Ну так-же само, в 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

Изменено пользователем AlexFisher
Цитировать умеете? Научитесь в code код совать, пожалуйста.
Ссылка на комментарий
Поделиться на других сайтах

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

Изменено пользователем Skunk
overquote deleted
Ссылка на комментарий
Поделиться на других сайтах


  • 3 года спустя...
  • 2 года спустя...

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

http://evroteh.net/perevod

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

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

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

Изменено пользователем AleksandrEvroteh
Ссылка на комментарий
Поделиться на других сайтах


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

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.