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


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


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

#1 Firefly

Firefly

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

  • Модераторы
  • 3 792 сообщений

Отправлено 08 Ноябрь 2020 - 17:17

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

Основные возможности виджета:
  • Выбор города и отображение списка ПВЗ для него
  • Возможность выбора покупателем ПВЗ с передачей данных в соответствующее поле в форме оформления заказа
  • Вывод детальной информации для каждого ПВЗ
Если Вы еще не создали вариант доставки с именем СДЭК, это возможно сделать в разделе Настройки - Доставка.

Для установки виджета перейдите в раздел Сайт - Редактор шаблонов - HTML и добавьте код перед </head>:
<script id="ISDEKscript" type="text/javascript" src="https://widget.cdek.ru/widget/widjet.js"></script>

Далее перейдите в шаблон main.js (в блоке Скрипты) и найдите код:
	  $('.delivery-radio').on('change',function(){
		var deliveryId = $(this).val();
		var deliveryName = $(this).data('name');

После него добавьте код, где укажите Ваш идентификатор варианта доставки вместо стандартного 449755*:
		 // Запускаем виджет СДЭК при выборе варианта доставки с указанным id
		if (deliveryId === '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) {
						 $('.quickform__row.-adress').hide();
						 $('.-adress-inputs-list .quickform__input-wrap input').removeAttr('required');
						 $('#quickDeliveryComment').val(
								 'Пункт выдачи заказа СДЭК ' + wat.id + "\n" +
								 'Срок: ' + wat.term + " дн.\n" +
								 'Город: ' + wat.cityName + ', Код города: ' + wat.city
						 );
				 }
			   
				 setTimeout(function(){
				 widjet.open();
				 }, 1000);
		} else {
				 $('.quickform__row.-adress').show();
				 $('.-adress-inputs-list .quickform__input-wrap input').attr('required');
				 $('#quickDeliveryComment').val('');
		};

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

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

Если в передаваемых данных в комментарий к заказу нужны адрес и как добраться, то после кода:
			 'Выбран пункт выдачи заказа СДЭК ' + wat.id + "\n" +

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


#2 status321

status321

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

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

Отправлено 09 Ноябрь 2020 - 17:28

Добрый вечер.У меня нет такого кода.Шаблон Ночь
$('.delivery-radio').on('change',function(){
                var deliveryId = $(this).val();
                var deliveryName = $(this).data('name');

#3 Vaccina

Vaccina

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

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

Отправлено 13 Ноябрь 2020 - 09:00

Здравствуйте.

У вас другой шаблон, вам больше подойдет данная инструкция:
https://forum.storel...чи-заказа-сдэк/




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

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