Доставка в карточке товара
ProffiWeb Топ-разработчик #10 с 2020 годаСтоимость и сроки доставки — до оформления заказа.
2 вида блока · 3 вида списка ПВЗ
Карта · Поиск ПВЗ · Автоопределение города · Свои иконки
Покупатель видит варианты для своего города, сравнивает службы и смотрит пункты выдачи на карте.
Два варианта блока товара
«Две строки»: способ и стоимость сверху, срок ниже. «Таблица»: название, срок и цена выровнены по столбцам. Оба варианта адаптируются к узкой колонке и телефону. Заголовок направления показывает город: например, «Доставка в Москву».
Три варианта карточек в окне доставки
Выберите «Компактные карточки», «Строки без рамок» или «Акцент на сроке». Поиск по адресу, фильтры служб и карта работают вместе. Подробности выбранной точки показывают адрес, стоимость, срок и график, если перевозчик передал эти данные. Оформление списка выбирается независимо от блока товара.
Город и индекс без лишних действий
Задайте город по умолчанию, включите автоопределение Sypex Geo или используйте уже выбранный город из Cityselect либо плагина «SEO-регионы» (regions).
Приоритет: ручной выбор в виджете → город выбранного плагина → Sypex Geo, если включён → город по умолчанию.
Cityselect должен быть включён: виджет читает его существующие cookie выбора города. Для SEO-регионов используется штатный метод текущего города.
Если город в выбранном плагине изменится, прежний ручной выбор виджета сбросится при следующей загрузке страницы. Сам виджет не меняет город другого плагина и адрес оформления заказа.
При автоопределении публичный IPv4 передаётся в Sypex Geo. Используется ключ из SEO-регионов либо публичный API; результат кешируется на час. Перед включением учтите это в политике конфиденциальности магазина.
Подсказки DaData помогают выбрать город и заполняют известные регион и индекс, в том числе после автоопределения. Токен берётся из приложения «Все подсказки DaData» либо SEO-регионов и остаётся на сервере. Индекс города предварительный, точный индекс уточняется при оформлении.
Cityselect, SEO-регионы, DaData и автоопределение необязательны: город можно ввести вручную.
Существующие способы доставки
Повторный ввод реквизитов перевозчиков не нужен. Плагин использует установленные способы доставки и штатный расчёт Shop-Script, учитывая выбранный артикул, количество, цену, вес, габариты, валюту и подготовку заказа.
Проверены СДЭК (sydsek), Ozon (nozo), Яндекс Доставка (logistics), Почта России (pochta и russianpostofficial), собственный самовывоз (sd), ApiShip (calcapiship) с настроенными 5Post и Магнит. Поддерживается стандартный формат ответов waShipping; собственные протоколы других модулей могут потребовать адаптации. Это не обещание совместимости со всеми плагинами Маркета.
Почта выделена в отдельный тип. Несколько почтовых способов могут работать одновременно: пункты с координатами показываются на карте, остальные тарифы остаются в списке. Адрес самовывоза читается из настроек соответствующего способа доставки.
Настройте под свой магазин
Цвета текста и ссылок, шрифты, рамки, отступы, заголовок блока, названия типов доставки, формат дат, показ обновления расчёта и подсказки. Свои иконки можно загрузить отдельно для типов и конкретных способов доставки. Форматы PNG, JPEG и WebP — до 1 МБ и 1024 × 1024 пикселей.
Четыре вкладки настроек оформлены в штатных стилях Webasyst 1.3 и 2.0. Есть предпросмотр оформления для ПК и телефона.
Что нужно для работы
PHP 7.4 или новее, mbstring. Для загрузки своих иконок нужен GD. Для карты настройте Яндекс.Карты в общих настройках Webasyst. Требования выбранных модулей доставки могут быть выше.
Автоматический вывод использует хук frontend_product. Если тема его не выводит, доступна ручная вставка через редактор дизайна. Плагин поддерживает дробное количество, минимальное количество, кратность и единицы товара Shop-Script PREMIUM в пределах возможностей установленного модуля перевозчика.
Предварительный расчёт
Итоговая стоимость и сроки зависят от полного заказа, скидок, оплаты и точного адреса и подтверждаются при оформлении. Плагин не создаёт заказы и не отправляет заявки перевозчикам. Выбор пункта в окне служит просмотру вариантов и не заменяет выбор при оформлении.
Кеш расчётов в браузере — 30 секунд, дополнительно используются кеши модулей доставки. Общего серверного кеша готовых расчётов нет. Количество ПВЗ зависит от данных, ограничений и фильтров установленного модуля.
Скриншоты показывают настоящий виджет с тестовым товаром и расчётами подключённых служб. Логотипы в примере настроены для тестового магазина. В архив входят знаки СДЭК и Ozon с уведомлениями об условиях использования; дополнительные знаки Яндекса, Почты России, 5Post и Магнит не распространяются. Доступны общие значки и загрузка своих изображений при наличии прав на них.
Варианты оформления
Два вида блока товара на ПК
Открыть отдельно: Две строки · Таблица
Два вида блока товара на телефоне
Окно доставки: карта, поиск и фильтры служб
Три оформления карточек ПВЗ — рядом
Три мобильных вида окна доставки — на одном снимке
Открыть отдельно: Компактные карточки · Строки без рамок · Акцент на сроке





