Перейти к содержимому


Кнопки Социальных Сетей На Сайт

кнопки социальная сеть

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 40

#1 BeLoveAll

BeLoveAll

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений

Отправлено 04 Февраль 2014 - 00:52

Приветствую!
Хотелось бы добавить кнопки соцсетей на свой сайт.
Функционал кнопок различен.

1. Стандартный вариант с функцией "Поделиться", "Мне нравится" и т.д.
Сгенерировал вот такой вот код кнопок:
<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>
<div class="pluso" data-background="transparent" data-options="small,round,line,horizontal,counter,theme=04" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,email,print"></div>

Хотелось бы, чтоб кнопки были на странице каждого товара из каталога. Место расположения кнопок нарисовал на фотошопе:
Изображение

2. Кнопки с функцией "Мы в социальных сетях".
Необходимо добавить в левую часть сайта блок "Мы в социальных сетях" и вставить его между "Каталогом сайта" и "Корзиной".
В блок "Мы в социальных сетях" необходимо вставить две иконки: одна будет вести на нашу группу в ВК, другая на аккаунт в Инстаграм (По сути, это небольшие баннеры).
Изобразил в фотошопе, как хочется это видеть:
Изображение

Ну и тут вопросы такие... Где взять код кнопки? Где взять код блока "Мы в социальных сетях"? Куда вставлять эти два кода?

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 04 Февраль 2014 - 04:11

1. Сайт - Редактор шаблонов - Товар - найдите:
</div>
	  <div class="clear"></div>
	</div>
  </form>
перед ним вставьте код кнопок
2. Сайт - Редактор шаблонов - HTML - найдите:
	<!-- Каталог сайта -->
	<div class="block">
	  <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог сайта</a></div>
	  <div class="blockmain navigation fnt12n">
		<ul>
		{% IFNOT catalog_empty %}
		  {% FOR catalog %}
			{% IFNOT catalog.HIDE %}
			  <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
			{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}
		</ul>
	  </div>
	  <div class="blockbottom"></div>
	</div>
	<!-- END Каталог сайта -->
после него вставьте:
	<!-- Соц сети -->
	<div class="block">
	  <div class="blocktitle bluesmall">Мы в социальных сетях</div>
	  <div class="blockmain navigation fnt12n">
		<a href="ссылка на группу"><img src="ссылка на картинку" alt="" /></a>
  <a href="ссылка на группу"><img src="ссылка на картинку" alt="" /></a>
	  </div>
	  <div class="blockbottom"></div>
	</div>
	<!-- END Соц сети -->
картинки\иконки загрузите в раздел Редактор шаблонов и пропишите ссылку на них вместо: ссылка на картинку

#3 BeLoveAll

BeLoveAll

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений

Отправлено 05 Февраль 2014 - 04:07

Просмотр сообщенияVaccina (04 Февраль 2014 - 04:11) писал:

1. Сайт - Редактор шаблонов - Товар - найдите:

2. Сайт - Редактор шаблонов - HTML - найдите:


Спасибо! Все получилось=)

#4 ksusagal

ksusagal

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений

Отправлено 23 Апрель 2014 - 23:55

Просмотр сообщенияVaccina (04 Февраль 2014 - 04:11) писал:

1. Сайт - Редактор шаблонов - Товар - найдите:
</div>
	 <div class="clear"></div>
</div>
</form>
перед ним вставьте код кнопок
2. Сайт - Редактор шаблонов - HTML - найдите:
<!-- Каталог сайта -->
<div class="block">
	 <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог сайта</a></div>
	 <div class="blockmain navigation fnt12n">
	 <ul>
	 {% IFNOT catalog_empty %}
		 {% FOR catalog %}
		 {% IFNOT catalog.HIDE %}
			 <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
		 {% ENDIF %}
		 {% ENDFOR %}
	 {% ENDIF %}
	 </ul>
	 </div>
	 <div class="blockbottom"></div>
</div>
<!-- END Каталог сайта -->
после него вставьте:
<!-- Соц сети -->
<div class="block">
	 <div class="blocktitle bluesmall">Мы в социальных сетях</div>
	 <div class="blockmain navigation fnt12n">
	 <a href="ссылка на группу"><img src="ссылка на картинку" alt="" /></a>
<a href="ссылка на группу"><img src="ссылка на картинку" alt="" /></a>
	 </div>
	 <div class="blockbottom"></div>
</div>
<!-- END Соц сети -->
картинки\иконки загрузите в раздел Редактор шаблонов и пропишите ссылку на них вместо: ссылка на картинку

Здравствуйте! А как второй пункт применть в шаблону весна? http://s1103572.storeland.ru/

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 24 Апрель 2014 - 03:20

Вставьте код кнопок в шаблон HTML после:
<!-- Каталог товаров -->		 
		  {%IFNOT catalog_full_empty%}
			<div class="box">
			  <div class="box-heading">Каталог</div>
			  <div class="box-content">
				<div class="box-category">
				  {%FOR catalog_full%}
					{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
					<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
					{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				  {%ENDFOR%}
				</div>
			  </div>
			</div>
		  {%ENDIF%}
		  <!-- /Каталог товаров -->


#6 ipodushkin

ipodushkin

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 496 сообщений
  • ГородМосква

Отправлено 10 Май 2014 - 18:50

Здравствуйте!
Я скачал изображения 3 кнопок социальных сетей и хотел бы поместить их с ссылками на профили под главное меню вместо виджета фейсбука (ниже "товаров которые вы смотрели") должны влезть. Подскажите пожалуйста код и куда вставлять))

#7 ipodushkin

ipodushkin

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 496 сообщений
  • ГородМосква

Отправлено 11 Май 2014 - 10:42

с кодом разобрался сам, поставил его в html
<div class="but">
	  <a class= href="#"><a href="https://instagram.com" target=" _blank"><img src="{ASSETS_IMAGES_PATH}instagram.png" width="35" height="35"></a>
	<a class= href="#"><a href="https://www.facebook.com" target=" _blank"><img src="{ASSETS_IMAGES_PATH}facebook.png" width="35" height="35"></a>
	<a class= href="#"><a href="https://twitter.com" target=" _blank"><img src="{ASSETS_IMAGES_PATH}twitter.png" width="35" height="35"></a>
   
</div>

Не получается выровнять кнопки по левому краю основного меню. Помогите!)

#8 daria_dnk

daria_dnk

    Активный участник

  • Модератоpы
  • 482 сообщений

Отправлено 11 Май 2014 - 10:52

Просмотр сообщенияipodushkin (11 Май 2014 - 10:42) писал:

с кодом разобрался сам, поставил его в html
<div class="but">
	 <a class= href="#"><a href="https://instagram.com" target=" _blank"><img src="{ASSETS_IMAGES_PATH}instagram.png" width="35" height="35"></a>
<a class= href="#"><a href="https://www.facebook.com" target=" _blank"><img src="{ASSETS_IMAGES_PATH}facebook.png" width="35" height="35"></a>
<a class= href="#"><a href="https://twitter.com" target=" _blank"><img src="{ASSETS_IMAGES_PATH}twitter.png" width="35" height="35"></a>

</div>

Не получается выровнять кнопки по левому краю основного меню. Помогите!)
Здравствуйте!
Добавьте в шаблон main.css строку
.but
{
margin-left:10px;
}
изменяя значение параметра  margin-left: сможете выровнять расположение блока как Вам нужно.

#9 ipodushkin

ipodushkin

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 496 сообщений
  • ГородМосква

Отправлено 11 Май 2014 - 10:54

Просмотр сообщенияdaria_dnk (11 Май 2014 - 10:52) писал:

Здравствуйте!
Добавьте в шаблон main.css строку
.but
{
margin-left:10px;
}
изменяя значение параметра  margin-left: сможете выровнять расположение блока как Вам нужно.

Спасибо! :wub:

#10 Rebvjd

Rebvjd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 247 сообщений

Отправлено 29 Июль 2014 - 18:59

Добрый день уважаемые модераторы, посмотрите пожалуйста я вставил в товар в строку 220 код кнопок, расположение полностью устраивает, но на сайте JS ошибка. Что изменить?

#11 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 398 сообщений

Отправлено 29 Июль 2014 - 19:09

Просмотр сообщенияRebvjd (29 Июль 2014 - 18:59) писал:

Добрый день уважаемые модераторы, посмотрите пожалуйста я вставил в товар в строку 220 код кнопок, расположение полностью устраивает, но на сайте JS ошибка. Что изменить?

Там есть ошибки в скрипте, но не критические. Если у Вас кнопки работают исправно, то можно не обращать внимание. Данную ошибку видит только администратор. Или советуем воспользоваться другими кнопками.

#12 Rebvjd

Rebvjd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 247 сообщений

Отправлено 29 Июль 2014 - 20:36

А можете пожалуйста подсказать, как исправить этот код, мне понравились кнопки именно такого дизайна, а такой без ошибок не могу найти...

#13 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 30 Июль 2014 - 01:21

На вашей странице товара (касательно кнопок социальных сетей) имеется предупреждение (браузером может быть помечено как ошибка) следующего вида "Invalid App Id: Must be a number or numeric string representing the application id". Данная ошибка относится к социальной сети facebook. Проблема в том, что используемый вами плагин не передает виджету facebook параметр app_id. Вы можете просто отключить визуальное отображение ошибок javascript на вашем сайте путем замены в шаблоне "HTML" строки

{% IF JAVASCRIPT_BUG_HUNTING_URL %}

на строку

{% IFNOT JAVASCRIPT_BUG_HUNTING_URL %}

В последствии ошибки всегда можно будет посмотреть в консоли используемого браузера.

#14 Rebvjd

Rebvjd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 247 сообщений

Отправлено 30 Июль 2014 - 07:10

Просмотр сообщенияСake (30 Июль 2014 - 01:21) писал:

На вашей странице товара (касательно кнопок социальных сетей) имеется предупреждение (браузером может быть помечено как ошибка) следующего вида "Invalid App Id: Must be a number or numeric string representing the application id". Данная ошибка относится к социальной сети facebook. Проблема в том, что используемый вами плагин не передает виджету facebook параметр app_id. Вы можете просто отключить визуальное отображение ошибок javascript на вашем сайте путем замены в шаблоне "HTML" строки

{% IF JAVASCRIPT_BUG_HUNTING_URL %}

на строку

{% IFNOT JAVASCRIPT_BUG_HUNTING_URL %}

В последствии ошибки всегда можно будет посмотреть в консоли используемого браузера.
Скажите, когда я хочу поставить лайк в контакте, появляется чтото не понятное(на фото видно), какт я понимаю это ошибка, ее исправить можно?

Прикрепленные файлы



#15 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 30 Июль 2014 - 07:37

Просмотр сообщенияRebvjd (30 Июль 2014 - 07:10) писал:


Скажите, когда я хочу поставить лайк в контакте, появляется чтото не понятное(на фото видно), какт я понимаю это ошибка, ее исправить можно?
Здравствуйте, указанная вами проблема не обнаружена.
Возможно для решения данный проблемы достаточно почистить кеш браузера.


#16 ProninT

ProninT

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 180 сообщений

Отправлено 20 Ноябрь 2014 - 03:10

Здравствуйте, сделал все  по инструкции, осталось только выровнять кнопки по центру блока. А также нужно выставить виджет маркета по центру колонки Помогите, пожалуйста http://wwwatch.ru/

#17 Dars

Dars

    Активный участник

  • Модератоpы
  • 1 410 сообщений

Отправлено 20 Ноябрь 2014 - 09:24

Просмотр сообщенияProninT (20 Ноябрь 2014 - 03:10) писал:

Здравствуйте, сделал все  по инструкции, осталось только выровнять кнопки по центру блока. А также нужно выставить виджет маркета по центру колонки Помогите, пожалуйста http://wwwatch.ru/
Здравствуйте!
В шаблоне HTML найдите код:

		  <div class="blockmain navigation fnt12n">
				<a href="http://vk.com/ww_watch"><img src="http://design.wwwatch.ru/vko.png?1857" alt="" /></a>
  <a href="http://instagram.com/wwwatch.ru"><img src="http://design.wwwatch.ru/ins.png?1884" alt="" /></a>
		  </div>
		  <div class="blockbottom"></div>
		</div>
		<!-- END Соц сети -->
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*http://market.yandex.ru/shop/140954/reviews"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=140954&action=image&size=3" border="0" width="200" height="125" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>

и замените его на:

		  <div class="blockmain navigation fnt12n" style="text-align:center;">
				<a href="http://vk.com/ww_watch"><img src="http://design.wwwatch.ru/vko.png?1857" alt="" /></a>
  <a href="http://instagram.com/wwwatch.ru"><img src="http://design.wwwatch.ru/ins.png?1884" alt="" /></a>
		  </div>
		  <div class="blockbottom"></div>
		</div>
		<!-- END Соц сети -->
<a style="margin-left:12px;" href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*http://market.yandex.ru/shop/140954/reviews"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=140954&action=image&size=3" border="0" width="200" height="125" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>


#18 boroda

boroda

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 194 сообщений
  • ГородМосква

Отправлено 07 Декабрь 2014 - 12:25

помогите мне на моём мокко тоже сделать кнопки соц сетей на каждом товаре и на всех остальных страницах

#19 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 673 сообщений

Отправлено 07 Декабрь 2014 - 13:23

Просмотр сообщенияboroda (07 Декабрь 2014 - 12:25) писал:

помогите мне на моём мокко тоже сделать кнопки соц сетей на каждом товаре и на всех остальных страницах
Здравствуйте, уточните где именно Вы хотите установить кнопки от соц.сетей на скриншоте и загрузите картинки данных кнопок на сайт

#20 boroda

boroda

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 194 сообщений
  • ГородМосква

Отправлено 07 Декабрь 2014 - 13:36

на всех товатрах что бы тут
dffgdfhfgh.jpg

и не всех страницах тут же
3е4кн4ен.jpg

что бы главное не налезали не на что




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных