Notice: Use of undefined constant DATABASE_NAME - assumed 'DATABASE_NAME' in /var/www/giftme/giftme.top/inc/util.php on line 645

Warning: Cannot modify header information - headers already sent by (output started at /var/www/giftme/giftme.top/inc/util.php:645) in /var/www/giftme/giftme.top/index.php on line 4

Warning: Cannot modify header information - headers already sent by (output started at /var/www/giftme/giftme.top/inc/util.php:645) in /var/www/giftme/giftme.top/inc/SiteMngr.php on line 731
Подключение плагина для интернет магазинов: `Мои желания`

Вы можете подключить плагин `Мои желания` на ваш сайт.

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

Также он сможет отправить список этих товаров себе на почту и тогда он с гораздо большей вероятностью вернется на ваш сайт, чтобы купить их.

Сохранять в желания можно не обязательно именно товары, - это могут быть любые элементы, у которых обязательно присутсвуют свойства:

  1. - название
  2. - ссылка
  3. - изображение

В дальнейшем описании, мы будем использовать термин `товары` просто для удобства.

Пример работы плагина вы можете посмотреть на этой странице.

Подключение плагина для интернет магазинов: `Мои желания`

Шаг 1 из 3: вставьте код

Для подключения плагина нужно вставить этот код в тег head:

				
<!-- GiftMe.top code -->
<link type="text/css" rel="stylesheet" href="//giftme.top/style.css"/>
<link type="text/css" rel="stylesheet" href="//giftme.top/styleCustom.css"/>
<!-- Если у вас не подключен jquery. Минимальная версия jquery: 1.8.2 -->
<script language="javascript" type="text/javascript" src="//giftme.top/js/jquery.min-1.8.2.js"></script>
<!-- Если у вас не подключен jquery.cookie.  -->
<script language="javascript" type="text/javascript" src="//giftme.top/js/jquery.cookie.js"></script>
<!-- Принимаемые, необязательные параметры:
lang - может быть ru или en. Если передано что-то другое - то все сообщения будут на русском языке.
test - может быть 0 или 1. Если 1, то в отладочную консоль браузера будет выводиться отладочная информация.  -->
<script language="javascript" type="text/javascript" src="//giftme.top/service.js?lang=en&test=1"></script>
<!-- finish GiftMe.top code -->
			

Шаг 2 из 3: добавьте иконки к тем товарам, которые будет можно добавлять в желания

Для каждого элемента, который можно добавлять в желания, должны быть определены такие параметры:

  1. изображение - обязательно
  2. ссылка - обязательно
  3. название - обязательно
  4. описание - необязательно

Добавить к товару иконку добавления в желания можно двумя способами.

Способ 1

Добавить к каждому товару такой код:

						
<div
	giftMeTopLink="page url"
	giftMeTopImage="image url"
	giftMeTopTitle="title"
	giftMeTopDescription="description"
	class="GiftMeTopPin"></div>
					

Способ 2

Добавить кнопку с классом GiftMeTopPin в родительский тег с аттрибутом itemtype="http://schema.org/Product", у которого обязательно должны быть дети с аттрибутами:

  1. itemprop="name"
  2. itemprop="image"
  3. itemprop="url"

И необязательно:

  1. itemprop="description"

Пример:

						
<div itemscope itemtype="http://schema.org/Product">
	<span itemprop="name">title</span>
	<span itemprop="description">description</span>
	<img itemprop="image" src="image url"/>
	<a itemprop="url" href="page url">...</a>
	<div class="GiftMeTopPin"></div>
</div>
					

Шаг 3 из 3: добавьте кнопку, открывающую панель с желаниями

Для того, чтобы создать кнопку, открывающую панель с желаниями. нужно вставить в html - div с классом GiftMeTopShowPanelButton:

					
<div class="GiftMeTopShowPanelButton"></div>
			

Необязательные тонкие настройки

Дизайн

Файл css при желании можно скачать, изменить и подгружать со своего сервера. Или просто переопределить стили в своем файле css, который подключите позже нашего.

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

						
/*размер кнопки, по нажатию на которую открывается панель с желаниями.*/
.GiftMeTopShowPanelButtonSize {
	width: 80px;
	height:80px;
}

/*размер иконок для выбора товара*/
.GiftMeTopPinSize {
	width: 50px;
	height:50px;
}

/*цвет сердца, если элемент не выбран*/
.GiftMeTopIconHeartColor {
	background-color: #ffcad1;
}

/*цвет сердца, если элемент выбран*/
.GiftMeTopIconHeartColor[giftMeTopInWish=yes] {
	background-color: #FF0000;
}
.GiftMeTopShowPanelButton[giftMeTopInWish=yes] .GiftMeTopIconHeartColor {
	background-color: #e75672;
}
					

Способы добавления иконок к товарам

Способы добавления иконок к товарам можно комбинировать.

Например, вы можете написать такой код, чтобы указать для элемента более крупную картинку. Аттрибуты, указанные для тега с классом GiftMeTopPin имеют приоритет перед аттрибутами itemprop из первого способа, поэтому в качестве картинку будет взято значение "big item image url".

						
<div itemscope itemtype="http://schema.org/Product">
	<span itemprop="name">item title</span>
	<span itemprop="description">item description</span>
	<img itemprop="image" src="small item image url"/>
	<a itemprop="url" href="item page url">...</a>
	<div giftMeTopImage="big item image url" class="GiftMeTopPin"></div>
</div>
					

Подписка на события

Вы можете добавить callback методы на следующие события:

  1. onAddRemoveItemCallback - пользователь добавил или удалил товар из списка желаний.
    Параметры:
    String action - может быть add - если товар добавлен или remove - если товар удален.
    String link - ваша ссылка на товар.

  2. onSendUserLetterCallback - пользователь отправил себе письмо со списком выбранных товаров.
    Параметры:
    String email - адрес, на который отправлено письмо.
    Array itemDataList - массив ссылок выбранных товаром.

  3. debugInfoCallback - информация для отладки.
    Параметры:
    String info - информация.

						
<script type="text/javascript">
	$(document).ready(function() {
		GiftMeTop.onSendUserLetterCallback = myOnSendUserLetterCallback;
		GiftMeTop.onAddRemoveItemCallback = myOnAddRemoveItemCallback;
		GiftMeTop.debugInfoCallback = myDebugInfoCallback;
	});


	function myOnAddRemoveItemCallback(action, link) {
		console.log("myOnAddRemoveItemCallback" +
		" action: " + action +
		" link: " + link;
	}

	function myOnSendUserLetterCallback(email, itemDataList) {
		console.log("myOnSendUserLetterCallback");
		console.log("email: " + email);

		for (var i = 0; i < itemDataList.length; i++) {
			console.log("link: " + itemDataList[i].link);
		}
	}

	function myDebugInfoCallback(info) {
		console.log("myDebugInfoCallback");
		console.log("info: " + info);
	}

</script>
					

Напишите нам

Мы с радостью ответим на ваши вопросы и предложения!

Контактная форма


needRegisterForAction

Позже Вход
facebook
Формула Счастья на Facebook