Установка Виджета Пунктов Выдачи Заказа Сдэк

• Выбор города и отображение списка ПВЗ для него
  
• Возможность выбора покупателем ПВЗ с передачей данных в соответствующее поле в форме оформления заказа
  
• Вывод детальной информации для каждого ПВЗ

<script id="ISDEKscript" type="text/javascript" src="https://widget.cdek.ru/widget/widjet.js"></script>

$('.mainSelect').change(function(){
	 selectedDelId = $(this).find('option:selected').attr('delid');

// Запускаем виджет СДЭК при выборе варианта доставки с указанным id
if (selectedDelId === '449755') {
	 var widjet = new ISDEKWidjet ({
	 path: 'https://widget.cdek.ru/widget/scripts/',
	 choose: true,
	 defaultCity: 'Москва', // стандартный город на карте
	 cityFrom: 'Москва', // из какого города будет идти доставка
	 country: 'Россия', // можно выбрать страну, для которой отображать список ПВЗ
	 popup: true,
	 onChoose: onChoose,
	 hidedelt: true,
	 apikey: 'YANDEX_API_KEY' // ключ для корректной работы Яндекс.Карт, получить необходимо тут (https://developer.tech.yandex.ru/?from=club)
	 });
	
	 function onChoose(wat) {
		 $('#quickDeliveryComment').val(
			 'Выбран пункт выдачи заказа СДЭК ' + wat.id + "\n" +
			 'Срок: ' + wat.term + " дн.\n" +
			 'Город: ' + wat.cityName + ', Код города: ' + wat.city
		 );
	 }
	
	 setTimeout(function(){
	 widjet.open();
	 }, 1000);
} else {
	 $('#quickDeliveryComment').val('');
};

			 'Выбран пункт выдачи заказа СДЭК ' + wat.id + "\n" +

						 'Адрес: ' + wat.PVZ.Address + "\n" +
						 'Как добраться: ' + wat.PVZ.AddressComment + "\n" +

Firefly (27 Апрель 2020 - 10:48) писал:

Виджет пунктов выдачи заказа СДЭК

Основные возможности виджета:

• Выбор города и отображение списка ПВЗ для него
  
• Возможность выбора покупателем ПВЗ с передачей данных в соответствующее поле в форме оформления заказа
  
• Вывод детальной информации для каждого ПВЗ

Если Вы еще не создали вариант доставки с именем СДЭК, это возможно сделать в разделе Настройки - Доставка.

Для установки виджета перейдите в раздел Сайт - Редактор шаблонов - HTML и добавьте код перед </head>:

<script id="ISDEKscript" type="text/javascript" src="https://widget.cdek.ru/widget/widjet.js"></script>

Далее перейдите в шаблон main.js (в блоке Скрипты) и найдите код:

$('.mainSelect').change(function(){
	 selectedDelId = $(this).find('option:selected').attr('delid');

После него добавьте код, где укажите Ваш идентификатор варианта доставки вместо стандартного 449755*:

// Запускаем виджет СДЭК при выборе варианта доставки с указанным id
if (selectedDelId === '449755') {
	 var widjet = new ISDEKWidjet ({
	 path: 'https://widget.cdek.ru/widget/scripts/',
	 choose: true,
	 defaultCity: 'Москва', // стандартный город на карте
	 cityFrom: 'Москва', // из какого города будет идти доставка
	 country: 'Россия', // можно выбрать страну, для которой отображать список ПВЗ
	 popup: true,
	 onChoose: onChoose,
	 hidedelt: true,
	 apikey: 'YANDEX_API_KEY' // ключ для корректной работы Яндекс.Карт, получить необходимо тут (https://developer.tech.yandex.ru/?from=club)
	 });
	
	 function onChoose(wat) {
		 $('#quickDeliveryComment').val(
			 'Выбран пункт выдачи заказа СДЭК ' + wat.id + "\n" +
			 'Срок: ' + wat.term + " дн.\n" +
			 'Город: ' + wat.cityName + ', Код города: ' + wat.city
		 );
	 }
	
	 setTimeout(function(){
	 widjet.open();
	 }, 1000);
} else {
	 $('#quickDeliveryComment').val('');
};

* В этом коде, как пример, добавлен идентификатор варианта доставки 449755. Свой id можно получить в разделе Настройки - Доставка внутри варианта доставки в URL адресе. Подробнее можно увидеть на скриншоте:
cdek.jpg

На стадии оформления заказа при выборе варианта доставки СДЭК данные будут подставляться в поле "Комментарий" к заказу.

Если в передаваемых данных в комментарий к заказу нужны адрес и как добраться, то после кода:

			 'Выбран пункт выдачи заказа СДЭК ' + wat.id + "\n" +

С новой строки добавьте код:

						 'Адрес: ' + wat.PVZ.Address + "\n" +
						 'Как добраться: ' + wat.PVZ.AddressComment + "\n" +

let fz = $($('.zone__radio[deliveryid='+val+']')[0]);

if (val=446482)
	{ var widjet = new ISDEKWidjet ({
		 path: 'https://widget.cdek.ru/widget/scripts/',
		 choose: true,
		 defaultCity: 'Москва', // стандартный город на карте
		 cityFrom: 'Москва', // из какого города будет идти доставка
		 country: 'Россия', // можно выбрать страну, для которой отображать список ПВЗ
		 popup: true,
		 onChoose: onChoose,
		 hidedelt: true,
		 apikey: 'YANDEX_API_KEY' // ключ для корректной работы Яндекс.Карт, получить необходимо тут (https://developer.tech.yandex.ru/?from=club)
		 });

		 function onChoose(wat) {
				 $('#quickDeliveryComment').val(
						 'Выбран пункт выдачи заказа СДЭК ' + wat.id + "\n" +
						 'Срок: ' + wat.term + " дн.\n" +
						 'Город: ' + wat.cityName + ', Код города: ' + wat.city
				 );
		 }

		 setTimeout(function(){
		 widjet.open();
		 }, 1000);
} else {
		 $('#quickDeliveryComment').val('');
};

Foxis_10 (18 Март 2021 - 16:58) писал:

let fz = $($('.zone__radio[deliveryid='+val+']')[0]);

if (val=446482)
{ var widjet = new ISDEKWidjet ({
path: 'https://widget.cdek.ru/widget/scripts/',
choose: true,
defaultCity: 'Москва', // стандартный город на карте
cityFrom: 'Москва', // из какого города будет идти доставка
country: 'Россия', // можно выбрать страну, для которой отображать список ПВЗ
popup: true,
onChoose: onChoose,
hidedelt: true,
apikey: 'YANDEX_API_KEY' // ключ для корректной работы Яндекс.Карт, получить необходимо тут (https://developer.tech.yandex.ru/?from=club)
});

function onChoose(wat) {
$('#quickDeliveryComment').val(
'Выбран пункт выдачи заказа СДЭК ' + wat.id + "\n" +
'Срок: ' + wat.term + " дн.\n" +
'Город: ' + wat.cityName + ', Код города: ' + wat.city
);
}

setTimeout(function(){
widjet.open();
}, 1000);
} else {
$('#quickDeliveryComment').val('');
};

	  // $('.hiddenUpdate').html(data);

var fz = $($('.zone__radio[deliveryid='+val+']')[0]); 
	if (val== 376263)

Лора (13 Июнь 2023 - 08:13) писал:

// Выбор доставки и оплаты
function orderScriptsSelect() {
// Выбор доставки
$('.delivery__select select').change(function(){
var selectedDelId = $(this).find('option:selected').attr('delid');

skoer (15 Февраль 2024 - 21:45) писал: