Кнопки социальные закладки

Установка:
1. Заходим на сайт share42.com выбираем нужные нам кнопки и вид (горизонтальный или вертикальный)
2. Выбираем ориентацию закладки(этот способ нужен для вертикальной панели)
3. Указываем кодировку UTF8
4. Смотрим результат и качаем скрипт
5. Создаем папку в корне сайта называем ей share42 (я думаю все и так понимают но написал самый простой вариант)
6. Из архива скачанного в п4. извлекаем файлы и складываем в папку созданную в п.5
Что бы проверить что сделали все правильно обратитесь к иконке по ссылке http://вашсайт.ру/share42/icons.png если открылась картинка вы все сделали правильно.
7. Добавляем информацию в файл стилей. используйте notepad++
для этого открываем файл /catalog/view/theme/greenstore/stylesheet/stylesheet.css обратите внимание это названия темы оформления у вас может быть default или что то еще.
переходим в конец файла и вставляем текст предлагаемый на сайте share42
#share42 {
  position: fixed;
  z-index: 1000;
  margin-left: -70px; /* смещение панели влево от края контента */
  padding: 6px 6px 0;
  background: #FFF;
  border: 1px solid #E9E9E9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
* html #share42 {display: none}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  -webkit-box-shadow: 0 0 5px #DDD;
  -moz-box-shadow: 0 0 5px #DDD;
  box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
#share42 img {margin: 0 !important; padding: 0 !important; border: none !important;}


Обратите внимание на:
margin-left: -70px; /* смещение панели влево от края контента */ 

возможно придется менять значение под ваш шаблон.

8. Самое тяжелое позади переходим к легкому открываем файл /catalog/view/theme/greenstore/template/common/header.tpl обратите внимание это названия темы оформления у вас может быть default или что то еще.

Ищем конец хеада
</head>
<body>


сразу после body вставляем
<script type="text/javascript" src="http://МОЙСАЙТ.РУ/share42/share42.js"></script>

<script type="text/javascript">share42('МОЙСАЙТ.РУ/share42/'
,'<?php echo "http://".$_SERVER['SERVER_NAME'].$_SERVER[
'REQUEST_URI'] ?>','<?php echo $title; ?>',150,20)</script>


МОЙСАЙТ.РУ не забудьте заменить на адрес вашего сайта обратите внимание на на 150 и 20 это параметры отступов, в зависимости от шаблонов с ними придется поэкспериментировать.

Нюанс: файл /catalog/view/theme/greenstore/template/common/header.tpl был взят потому что в нем уже инициализирована перемененная $title и проблем не возникает. Для размещения в других местах нужно инициализировать $title

Внимание!
Если у вас на сайте появляется вертикальная белая колонка слева, но иконок нет - просто белый фон делаем следующее..
Открываем файл http://МОЙСАЙТ.РУ/share42/share42.js ищем кусок кода:
'+f+'icons.png)

Дописываем перед ним http:// что бы получилось вот так:
document.write('<a rel="nofollow" style="display:block;width:32px;height:32px;margin:0 0 6px;background:url(http://'+f+'icons.png) -'+32*i+'px 0" href='+s[i]+' target="_blank"></a>');
+11

Комментарии 7

Timoosha
Timoosha от 22 января 2012 20:23
Здравствуйте! А где архив, который надо скачать? Я уже зарегался и нет ни чего чтобы скачать!!??
admin от 27 января 2012 18:45
Архив скачивать с сайта _http://share42.com/
Timoosha
Timoosha от 27 января 2012 19:59
Спасибо! У Вас отличный сайт! Очень многое уже приминил на своем опенкарте!!!
admin от 28 января 2012 13:12
На сайте ещё будет очень много всего интересного. И не только для OpenCart! smile
Timoosha
Timoosha от 28 января 2012 14:22
Спасибо!!! smile

Почему то ни чего не появилось?? Все сделал как в описании!!! Все проверил, ВСЁ нормально!! ПОЧЕМУ нет на сайте? Подскажите что надо еще посмотреть??
admin от 29 января 2012 12:33
Перепроверь восьмой пункт и попробуй в седьмом пункте поменять значение смещения по левому краю.
Timoosha
Timoosha от 29 января 2012 13:33
Все правильно! И пробовал экспериментировать с расстоянием! Почему ни чего нет?
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.