Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

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

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 код совать, пожалуйста.
Надіслати
Поділитися на інших сайтах

  • 3 years later...
  • 2 years later...

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

http://evroteh.net/perevod

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

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

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

Змінено користувачем AleksandrEvroteh
Надіслати
Поділитися на інших сайтах


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

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.