Виджеты для партнерских сайтов

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

Для работы виджетов необходимо подключение к API read.ru
Получить ключ API можно здесь.

1. Партнерская витрина. Список товаров по автору, жанру, издательству или серии.

Пример простой выборки 3-х товаров автора Стефани Майер:

Javascript код, необходимый для данного примера:

$(document).ready(
	function() {
		$("#showcase_div").rr_showcase({
			author_id: 39418, // ID автора
			items_on_page: 3, // Количество товаров на странице
			pp: "example"	  // Опционально, партнерский идентификатор.
		});			  // По умолчанию ваш ID партнера
	}
);

Пример HTML:

<script src="showcase.rr.js" type="text/javascript"></script>  // Скрипт виджета
<link href="rr_card.css" rel="stylesheet" type="text/css" media="all" />  // Файл со стилями карточки товара
 
<div id="showcase_div">	// Контейнер для выборки
</div>

Для выборки возможны следующие параметры:

author_id - ID автора из каталога read.ru
pubhouse_id - ID издательства из каталога read.ru
series_id - ID серии из каталога read.ru
genre_id - ID жанра из каталога read.ru
search - произвольная поисковая строка

Подробнее - в разделе документация к API.

Пример на отдельной странице

2. Поиск по товарам

Пример простой формы поиска на партнерском сайте.
Введите произвольную поисковую фразу в поле поиска:

Javascript код, необходимый для данного примера:

function do_search() {
	var s_string = $("#s_string").attr("value");
	$("#test_search").rr_showcase({search: s_string, items_on_page: 6});
}

Пример HTML:

<form onsubmit="do_search(); return false">
	<input type="text" name="s_string" id="s_string" value="Пушкин" />
	<input type="submit" value="Искать" />
</form>
<div id="test_search">
 
</div>

Для выборки возможны следующие параметры:

search - произвольная поисковая строка

Можно ограничить результаты поиска по одному автору, издательству, серии или жанру. Подробнее в предыдущем пункте. Подробнее - в разделе документация к API.

Пример на отдельной странице

3. Изменение внешнего вида

Если нужно, чтобы товары отображались не в виде карточек по умолчанию, можно создать произвольный HTML шаблон, разместить его на своем домене и указать адрес в опциях "Партнерской витрины".
В примере товары жанра "Художественная литература" выводятся не в виде карточек, а списком, включающим название, автора и цену:

Javascript код, необходимый для данного примера:

$(document).ready(
	function() {
		$("#custom_template").rr_showcase({
			genre_id: 6, // ID жанра на сайте read.ru
			items_on_page: 10, // Количество товаров для выдачи
			cards_in_row: 0, // Товаров в одной строке. 0 - не ограничено
			template: "/api_test/my_template.html"  // HTML шаблон, расположенный
								// на вашем домене 
		});
	}
);

Пример HTML на странице:

<ul id="custom_template">
</ul>

Пример шаблона:

<li><a class="rr_card_name" target="_blank"></a> (<span class="rr_card_author"></span>) - 
<span class="rr_card_price_value"></span> руб.</li>

В ссылку, имеющую класс rr_card_name, подставится название товара. В span с классом rr_card_author - ссылки с авторами книги, через запятую.

Подробнее о создании своего шаблона и о наименовании классов в нем - в разделе документация к API.

Пример на отдельной странице

Загрузить скрипт "Партнерская витрина"