Пример интеграции виджета
Здесь Вы можете увидеть, как работает виджет выбора ПВЗ во всплывающем окне.
Способ доставки
Состав заказа
| Наименование товара | Цена | Кол-во |
|---|---|---|
Шипованная резинаОсновными отличиями данных шин являются специфические свойства резины и рисунка протектора. |
1 000 руб. | 1 шт. |
| Доставка до ПВЗ: | ||
| Итого: |
Код примера:
//В шапке вашего сайта разместить строку подключения виджета:
<script type="text/javascript" src="//points.boxberry.ru/js/boxberry.js"> </script/>
//В шаблон сайта добавить ссылку на вызов виджета и указать название функции, которая будет обрабатывать возращаемые значения (например:callback_function):
<a href="#" onclick="boxberry.open(callback_function); return false;">Выбрать пункт выдачи на карте</a>
//Описать функцию callback_function, например:
<script type="text/javascript">
function callback_function(result){
</script>
document.getElementById('city').innerHTML = result.name;
document.getElementById('js-pricedelivery').innerHTML = result.price;
document.getElementById('code_pvz').innerHTML = result.id;
result.name = encodeURIComponent(result.name) // Что бы избежать проблемы с кириллическими символами, на страницах отличными от UTF8, вы можете использовать функцию encodeURIComponent()
document.getElementById('name').innerHTML = result.name;
document.getElementById('address').innerHTML = result.address;
document.getElementById('workschedule').innerHTML = result.workschedule;
document.getElementById('phone').innerHTML = result.phone;
document.getElementById('period').innerHTML = result.period;
document.getElementById('js-pricedelivery').innerHTML = result.price;
document.getElementById('code_pvz').innerHTML = result.id;
result.name = encodeURIComponent(result.name) // Что бы избежать проблемы с кириллическими символами, на страницах отличными от UTF8, вы можете использовать функцию encodeURIComponent()
document.getElementById('name').innerHTML = result.name;
document.getElementById('address').innerHTML = result.address;
document.getElementById('workschedule').innerHTML = result.workschedule;
document.getElementById('phone').innerHTML = result.phone;
document.getElementById('period').innerHTML = result.period;
if (result.prepaid=='1') {
}
alert('Отделение работает только по предоплате!');
}
В результате работы виджета, по событию выбора ПВЗ на карте, возвращается объект result, который содержит в себе следующие параметры:
- Код выбранного ПВЗ result.id:
- Наименование города выбранного ПВЗ result.name:
- Адрес выбранного ПВЗ result.address:
- Телефон выбранного ПВЗ result.phone:
- Время работы выбранного ПВЗ result.workschedule:
- Стоимость доставки до выбранного ПВЗ result.price:
- Срок доставки до выбранного ПВЗ result.period:
- Отделение работает по предоплате (Да-1|Нет-0) result.prepaid: