Доставка в карточке товара

Доставка в карточке товара

ProffiWeb Топ-разработчик #10 с 2020 года
10 установок
от 399 ₽2 199 ₽ год / 3 999 ₽ навсегда

Стоимость и сроки доставки — до оформления заказа.

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 и Магнит не распространяются. Доступны общие значки и загрузка своих изображений при наличии прав на них.

Варианты оформления

Два вида блока товара на ПК

Открыть отдельно: Две строки · Таблица

Два вида блока товара на телефоне

Окно доставки: карта, поиск и фильтры служб

Три оформления карточек ПВЗ — рядом

Три мобильных вида окна доставки — на одном снимке

Открыть отдельно: Компактные карточки · Строки без рамок · Акцент на сроке

Подробности выбранного пункта на карте

Настройки в интерфейсе Webasyst 1.3

Основные настройки в интерфейсе Webasyst 2.0

Способы доставки и загрузка своих иконок

Выбор оформления и стилизация