Наш блог
Показать рубрики

Функция загрузки заказа из Excel для автоматического заполнения корзины

Назад к списку статей
Функция загрузки заказа из Excel для автоматического заполнения корзины
При разработке одного из наших B2B-проектов, нам была поставлена задача создать функционал, который позволил бы оптовым клиентам быстро наполнить корзину большим количеством товаров. Для посетителей сайта, являющихся крупными оптовиками, перемещаться по страницам каталога и набирать корзину с большим количеством наименований - непростая задача. Такие посетители часто уже знают точные артикулы нужных товаров и необходимое количество для покупки. В данном посте мы расскажем как мы реализовали функционал загрузки списка товаров из Excel файла для автоматического заполнения корзины.

При разработке одного из наших B2B-проектов нам была поставлена задача создать функционал, который позволил бы оптовым клиентам быстро наполнить корзину большим количеством товаров. Для посетителей сайта, являющихся крупными оптовиками, перемещаться по страницам каталога и набирать корзину с большим количеством наименований - непростая задача. Такие посетители часто уже знают точные артикулы нужных товаров и необходимое количество для покупки. В данном посте мы расскажем как мы реализовали функционал загрузки списка товаров из Excel-файла для автоматического заполнения корзины.

Постановка задачи

Пользователь должен смочь быстро положить в корзину большое количество наименований товаров зная их артикулы без необходимости ходить по каталогу и класть их в корзину по отдельности. Пользователь готовит Excel-файл со списком артикулов товаров и необходимым количеством каждого, загружает на сайт этот файл и сайт автоматически наполняет корзину товарами на основе загруженного файла.

Проектирование

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

Реализация

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

Пользователь скачивает подготовленный Excel-файл-пример, заполняет в нем два столбца: артикулы товаров и желаемое количество. Далее он возвращается на сайт и перед загрузкой этого файла может выбрать, какой тип артикулов он указывал при заполнении. На сайте каждый товар имеет по два артикула: первый - артикул производителя, а второй - внутренний артикул нашего клиента. Пользователи b2b-портала активно используют оба этих поля - поэтому обязательно нужна была их поддержка. Далее пользователь указывает в поле адрес файла на своем компьютере и он загружается на сервер. Вот что видит пользователь после загрузки:

Как видно, на этом этапе пользователь может отредактировать данные, полученные из файла, в связи с сообщениями о недостаточном количестве товаров на складе, ошибочно введенном артикуле или другими причинами. Он может уменьшить/увеличить желаемое количество товара или удалить товар из списка. Далее пользователь может нажать на кнопку "Добавить в корзину" и все доступные товары из списка автоматически добавятся в корзину!

Заключение

В данном посте мы постарались показать, как можно решить проблему массового добавления товаров в корзину для оптовых покупателей и избавить их от необходимости переходить для этого в карточки каждого товара. Используя Excel-файл пользователь может в одном месте получить информацию о наличии нужных ему товаров, отредактировать указанные количество и добавить множество товаров в корзину.

Надеемся, этот пример поможет вам в подобных задачах, удачи!

Назад к списку статей
Подпишись на наш блог: