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


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


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

#1 Firefly

Firefly

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

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

Отправлено 27 Апрель 2020 - 11:21

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

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

Для установки виджета перейдите в раздел Сайт - Редактор шаблонов - 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

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

#2 grass

grass

    Пользователь

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

Отправлено 08 Апрель 2022 - 01:29

Здравствуйте! Аккаунт SL-538868
1. Кнопка закрыть скрывается под верхней менюшкой если страница проскролена вниз

2. Возможно как-то город по умолчанию ставить по геоданным?

Прикрепленные изображения

  • кнопка закрыть.jpg


#3 stasia

stasia

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

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

Отправлено 09 Апрель 2022 - 11:58

Здравствуйте. Зайдите в Редактор шаблонов --- style.css и найдите данный код:
.CDEK-widget__popup-mask {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

Замените его на:  
.CDEK-widget__popup-mask {
z-index: 99;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

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

#4 grass

grass

    Пользователь

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

Отправлено 09 Апрель 2022 - 13:04

Просмотр сообщенияstasia (09 Апрель 2022 - 11:58) писал:

Здравствуйте. Зайдите в Редактор шаблонов --- style.css и найдите данный код:
.CDEK-widget__popup-mask {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

Замените его на:  
.CDEK-widget__popup-mask {
z-index: 99;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

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


в редакторе шаблонов у меня вместо style.css файл main.css
такого кода найти не смог, видимо потому что его надо было добавить при установки виджета, а в первоначальном посте это не указано было :)
добавил в конец файла и теперь всё хорошо!
большое спасибо!




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

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