Техническая поддержка и доработка интернет-магазина EDGE — корзина, оплата и каталог

О проекте

Edgedesigns.ru — интернет-магазин дизайнерской женской одежды бренда EDGE. Магазин работает на Webasyst и Shop-Script: покупатель выбирает модель, цвет и размер, оформляет доставку и оплачивает заказ, а сотрудники управляют ассортиментом и остатками через административную панель и МойСклад.

Для магазина одежды важны фотографии, понятный выбор доступного размера и удобное оформление покупки с телефона. В рамках сопровождения Quadro Design дорабатывала каталог, корзину, способы доставки и оплаты, мобильную витрину, подписку, промокоды и передачу данных во внешние сервисы.

В кейсе собраны работы и обращения за 2022–2023 годы. Выполненные и принятые изменения описаны в основных разделах. Дополнительные требования без отдельного подтверждения завершения выделены ниже.

Что дорабатывали

• Корзина и оформление заказа по макетам Figma
• Доставка, ПВЗ СДЭК и ограничения оплаты
• CloudPayments и оплата с мобильных устройств
• Каталог, размеры, остатки и МойСклад
• Перелистывание фотографий в каталоге
• Шапка, футер и мобильная витрина
• Подписка, промокоды и возврат покупателей
• Интеграция Get4Click и настройка PHP для Roistat
• Электронная коммерция Яндекс.Метрики
• Дополнительные требования и обращения
• Итоги и похожие задачи

Корзина и оформление заказа по макетам Figma

Реализация согласованного дизайна

Доработали корзину и оформление заказа по предоставленным макетам Figma. Изменения затрагивали расположение элементов, контактные и адресные поля, выбор доставки, доступность оплаты и итоговую стоимость.

Интерфейс должен был учитывать разные сценарии получения заказа: доставку по Москве, другим городам России, отправку в Беларусь и Казахстан, а также получение в пункте выдачи.

Ввод адреса в одну строку

В марте 2023 года реализовали ввод адреса доставки в одну строку. В задаче также предусматривалось автозаполнение контактных и адресных полей сохранёнными в браузере данными, когда такое заполнение доступно.

При изменении формы требовалось учитывать действующие правила магазина: для Москвы и других городов выбирались разные варианты доставки. Упрощение ввода адреса должно было сохранять эту логику.

Восстановление оформления после обновления

В июне 2023 года восстановили оформление корзины, которое нарушилось после перехода на новую версию Shop-Script. До исправления клиент использовал плагин доработки оформления как временное решение.

При восстановлении учитывали актуальные настройки магазина: способ доставки «Вывоз из шоурума» к этому моменту был отключён заказчиком.

Доставка, ПВЗ СДЭК и ограничения оплаты

Правила для страны и города

Реализовали согласованную логику доставки для России, Беларуси и Казахстана. Доступные способы получения и оплаты зависели от выбранного направления.

• Москва. По умолчанию использовалась доставка по Москве. Покупателю были доступны курьерская доставка по Москве и получение в ПВЗ.
• Другие города России. Предусматривались курьерская доставка по РФ и доставка до пункта выдачи.
• Беларусь и Казахстан. Оформление соответствовало согласованному макету, оплата выполнялась онлайн на сайте.
• Получение в ПВЗ. Для этого варианта была доступна только онлайн-оплата.

Москва устанавливалась как исходный вариант без автоматического определения местоположения. До изменения города способ «Курьерская доставка по РФ» не должен был подменять московский сценарий.

Адресные поля и выбор пункта выдачи

Подключили сценарий доставки до ПВЗ СДЭК и доработали зависимость полей формы от выбранного способа получения.

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

Отдельно разобрали обращение, когда при открытии карты не появлялись пункты выдачи. В переписке причиной было указано отсутствие доступных ПВЗ в выбранном регионе.

Город в заказе и уведомлениях

Исправили ситуацию, при которой рядом с выбранным городом в административной панели дополнительно выводилась Москва. Аналогичное исправление требовалось для уведомления покупателю об оформленном заказе. Задача отмечена как выполненная и принятая.

Телефонный код для других стран

После установки России первой в списке стран телефонный код оставался +7 даже при выборе другого направления. В декабре 2022 года исправили возможность изменения кода для других стран.

CloudPayments и оплата с мобильных устройств

Восстановление открытия платёжной формы

В марте 2023 года устранили проблему открытия формы CloudPayments на iPhone и Android. Заказ попадал в административную панель, но покупатель не видел платёжный модуль и не мог продолжить оплату. На компьютере тот же сценарий работал.

При разборе обращения учитывали рекомендации разработчиков платёжного сервиса по взаимодействию виджета с родительским контейнером страницы. Работа по восстановлению мобильной оплаты отмечена как выполненная и принятая.

Отдельное сообщение о наложении содержимого корзины после выхода из платёжной системы приведено в дополнительных обращениях: для него нет самостоятельного подтверждения завершения.

Каталог, размеры, остатки и МойСклад

Исправление ошибки обмена остатками

В ноябре 2022 года исправили ошибку при передаче остатков из МойСклад. В журнале обмена фиксировался ответ HTTP 504 на этапе импорта файла offers.xml со стороны интернет-магазина.

Задача отмечена как выполненная. Совпадение по времени с установкой другого модуля обсуждалось в обращении, но отдельного подтверждения причины в документе нет.

Скрытие отсутствующих размеров

Установили и настроили плагин hideskus для скрытия недоступных артикулов. До изменения карточка могла открываться с выбранным размером без остатка и показывать предложение сообщить о поступлении, хотя другой размер был доступен для покупки.

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

При отсутствии всех вариантов отдельно обсуждалось штатное отображение отсутствующих размера и цвета. Это поведение разбирали в пределах настроек установленного плагина.

Варианты товара и неограниченный остаток

В феврале 2023 года провели принятую консультацию по вариантам товаров, поступающим из МойСклад. Реальные артикулы имели корректные остатки, но при использовании режима «Выбор параметров» появлялись дополнительные варианты с неограниченным количеством.

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

Ручная сортировка динамической категории

Реализовали возможность вручную управлять порядком товаров в динамической категории «Все модели». Категория автоматически собирала новые товары, но сотруднику требовалась возможность менять их последовательность на витрине.

Для работы с порядком товаров предусматривались табличное представление административного списка и выбор ручной сортировки в настройках категории. Задача выполнена и принята.

Перелистывание фотографий в каталоге

В феврале 2023 года реализовали смену основных фотографий товара непосредственно в каталоге. На компьютере изображения меняются при наведении мыши, а в мобильной версии предусмотрено горизонтальное перелистывание.

Покупатель может посмотреть разные ракурсы модели до перехода в полную карточку. Решение выполнялось по предоставленному визуальному примеру и отмечено как готовое.

Увеличение фотографий внутри большой карточки и размещение видео были поставлены как отдельные требования и не включаются автоматически в результат этой доработки.

Шапка, футер и мобильная витрина

Обновление элементов по дизайну

Изменили шапку и футер магазина в соответствии с макетами Figma. Оба блока отмечены как выполненные и принятые.

Работа с шапкой на этом этапе охватывала оформление и навигацию. Разработка личного кабинета в согласованный объём не входила; иконку кабинета разрешалось убрать. Выпадающий каталог с изображениями обсуждался как дополнительный вариант.

Исправление наложения каталога

В июне 2023 года исправили мобильный дефект: после некоторого времени работы с сайтом каталог начинал накладываться на другие страницы, а интерфейс тормозил. Обращение касалось Android и iOS.

Этот сценарий отмечен как исправленный. В требованиях к проекту отдельно подчёркивалась важность корректной работы на iOS, поскольку заказчик указывал на значительную долю посетителей с таких устройств.

Подписка, промокоды и возврат покупателей

Модальное окно подписки

В июне 2022 года обновили модальное окно подписки на рассылку по согласованному дизайну. Работа выполнена и принята.

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

На форме размещались предложение, поля для заполнения и кнопка подписки. Детали сохранения адресов, выдачи промокода и последующего изменения момента показа обсуждались отдельно.

Пакет промокодов

Подготовили 10 000 промокодов со скидкой 10% без ограничения срока действия и выгрузкой в CSV. Задача отмечена как выполненная и принятая.

Правила применения промокодов к товарам с уже сниженной ценой рассматривались отдельно. Подготовка пакета кодов не подтверждает внедрение всех последующих правил суммирования скидок.

Плагин возврата покупателей

Установили приобретённый плагин возврата покупателей remindbonus и настроили его запуск через cron. Исполнитель подтвердил установку и подготовку фонового задания.

Дальнейшая настройка рассылок в разделе follow-up была оставлена заказчику. Подтверждённый результат этого этапа — работа установленного инструмента и расписания его запуска.

Интеграция Get4Click и настройка PHP для Roistat

Get4Click на странице подтверждения покупки

Реализовали и сдали интеграцию Get4Click по отдельной инструкции. Согласованный сценарий предусматривал размещение баннера на странице подтверждения покупки после завершения соответствующего действия.

Инструкция описывала два варианта подключения: для обычной страницы подтверждения и для страницы, содержимое которой загружается через AJAX. В обоих случаях баннер связан с подготовленным HTML-контейнером и управляющим JavaScript.

ТЗ определяло параметры магазина и баннера, а также данные, передаваемые из заказа:

• имя и фамилия покупателя;
• электронная почта и телефон;
• пол покупателя, предусмотренный схемой интеграции;
• идентификатор заказа;
• сумма заказа;
• валюта заказа;
• использованный промокод.

Для суммы инструкция предусматривала точку в качестве десятичного разделителя, для валюты — код ISO 4217. В основном документе также были заданы отдельные параметры баннера для сайта и email.

Общий пункт интеграции отмечен как выполненный и принятый. Дополнительное требование разместить JavaScript-контейнер Get4Click на всех страницах присутствует в документе без самостоятельной отметки завершения.

Выполнение PHP-файлов Roistat

В апреле 2023 года исправили обработку PHP-файлов в каталоге Roistat. При обращении к файлу браузер скачивал его вместо выполнения, хотя основной PHP-файл сайта обрабатывался корректно.

Настроили выполнение файлов в нужном каталоге. Задача выполнена и принята. Этот этап относится к серверной обработке PHP и не описывает отдельную разработку полной CRM-интеграции.

Электронная коммерция Яндекс.Метрики

Настроили передачу трёх согласованных событий электронной коммерции:

• detail — просмотр товара;
• add — добавление товара в корзину;
• purchase — покупка.

При доработке учитывали согласованность названия товара между событиями. В обращении отмечалось, что на этапе покупки к названию добавлялись цвет и размер, тогда как в просмотре и добавлении использовалось другое представление.

Также уточняли передачу категории и цены в событии покупки. Работа по электронной коммерции отмечена как выполненная и принятая.

Дополнительные требования и обращения

В документе есть дополнительные пожелания, уточнения и сообщения об ошибках без отдельной отметки готовности или приёмки. Они сохраняют состав задач проекта, но не выдаются за подтверждённый результат.

Оформление заказа и возврат после оплаты

• Итоги рядом с товарами. Перенести стоимость доставки, скидку и общую сумму выше, к информации о заказанных товарах, и убрать повторное отображение этих данных внизу.
• Кнопка оформления. Поднять кнопку «Оформить заказ», сделать её контрастной — чёрный фон и белый текст — и при необходимости увеличить.
• Возврат из платёжной системы. Устранить наложение текста корзины на остальные страницы после выхода из платёжного интерфейса. Для этого сообщения нет самостоятельного подтверждения исправления.

Карточка товара, фотографии и видео

• Описание под названием. Перенести согласованный текст из раскрывающегося раздела описания под заголовок большой карточки и добавить отступ примерно в одну строку.
• Увеличение изображения. Добавить возможность рассмотреть фотографию крупнее при работе мышью и на сенсорном устройстве.
• Видео. Подготовить оформление и функциональность для размещения видео на страницах и в карточках рядом с фотографиями.
• Обозначения размеров. Привести буквенные размеры к заглавным буквам.
• Единый размер. Обеспечить корректный вывод One для товаров с одним размером.
• Товарные наклейки. Добавить их в каталог по предоставленному дизайну. В исходном документе для этого пункта нет отдельной отметки завершения.

Поиск, меню и главный экран

• Поиск на телефонах. Перенести его из раскрывающегося меню в область рядом с иконкой меню.
• Полосы прокрутки фотографий. Изменить их цвет с чёрного на вариант из предоставленного примера.
• Страница «Магазин». Добавить ссылку в шапку и футер.
• Favicon. Заменить значок сайта на логотип, используя подготовленный файл.
• Фон десктопного меню. Сделать постоянную заливку с первого экрана и устранить наложение изображения на текст при изменении масштаба страницы.
• Заставки главной страницы. Предусмотреть несколько изображений и видео с ротацией.
• Текст первого экрана. Увеличить надпись, убрать рамку и дать владельцу возможность самостоятельно менять цвет и размер.

Момент показа подписки и работа со скидками

В марте 2023 года предложили изменить сценарий окна «Получите скидку на первую покупку»: убрать ранний показ на главной и открывать форму через 30 секунд нахождения в корзине при первом добавлении товара. Это более позднее требование отличается от первоначального сценария с показом через 20 секунд на сайте.

Для формы также обсуждались сохранение email в базе, доступ к собранным адресам и их выгрузка средствами Webasyst. Отдельным пунктом было описано создание промокода 10% и отправка на email; в формулировке документа этот сценарий привязан к первой оплате. Самостоятельные результаты проверки этих деталей не зафиксированы.

Правила скидок менялись в ходе обсуждения. В раннем ТЗ требовалось ограничить применение промокодов к товарам со скидкой. Позднее заказчик уточнил, что хочет применять один купон дополнительно к сниженной цене, а не вводить два купона одновременно. Окончательное согласованное правило и его отдельная приёмка в документе не описаны.

Спам и скорость сайта

Поступало обращение о спам-подписках на рассылки. Исполнитель запросил подробности, ссылки и скриншоты; подтверждения завершённого исправления нет.

В марте 2023 года также был поставлен вопрос ускорения медленной загрузки сайта. Документ не содержит подтверждённых замеров до и после или отметки завершения этой задачи.

Итоги и похожие задачи

Сопровождение EDGE объединило оформление заказа, правила доставки и оплаты, работу каталога и маркетинговых инструментов. Среди подтверждённых результатов — корзина по макетам Figma, сценарии для трёх стран и ПВЗ, исправление мобильной оплаты CloudPayments, обработка ошибки обмена с МойСклад, скрытие отсутствующих артикулов и ручная сортировка динамической категории.

Также реализовали перелистывание фотографий в каталоге, обновили шапку и футер, исправили наложение мобильного каталога, подготовили промокоды, настроили плагин возврата покупателей и электронную коммерцию, выполнили интеграцию Get4Click и исправили обработку PHP-файлов Roistat.

Дополнительные требования по галерее, видео, главному экрану, правилам скидок и скорости загрузки описаны отдельно. Для следующего этапа сопровождения они помогают определить конкретные изменения и ожидаемый результат.

Услуги Quadro Design:

• Программирование и доработка интернет-магазинов на Webasyst и Shop-Script.
• SEO и техническая оптимизация сайтов.
• Другие проекты по доработке и технической поддержке сайтов.

Похожие проекты:

• ZetZet.ru — корзина, оплата, доставка и мобильная витрина на Shop-Script.
• Modnotak.com.ua — поддержка магазина сумок и аксессуаров, каталог и складские статусы.
• Filato Italiano — скидки, нестандартный каталог и оформление заказа.

Нужна похожая доработка магазина одежды? Обсудите задачу с Quadro Design: пришлите адрес сайта и опишите, что требуется изменить в каталоге, корзине, доставке или работе интеграций.