Перейти к содержанию
Форум поддержки пользователей VamShop

Про быстрое и удобное оформление заказа в VamShop PWA!


Рекомендуемые сообщения

Про простое, быстрое и удобное оформление заказа в онлайн магазине.

В интернет магазине VamShop PWA сделано максимально простое и удобное оформление заказа, управляемое из админки.

Какие задачи были решены:

1. Максимально не напрягать посетителя при оформлении заказа.

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

3. Всё работает на react + api, без перезагрузок страницы в браузере.

Например, я доставляю только по городу.

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

Я просто в форме оформления заказа отключаю все поля (через Админку —  Настройки — Оформление заказа), оставляю только 2 поля — Имя и Телефон.

Всё.

screencapture-vamhost-ru-checkout-2020-01-26-19_12_34.png

Дальше уже на выбор покупателя.

Если выбирает доставку по городу, то при выборе доставки появляются поле Адрес, Метро и т.д.

Вот выбрал доставку курьером, появилось поле Адрес

screencapture-vamhost-ru-checkout-2020-01-26-19_12_52.png

При выборе доставки почтой — появляются поля Адрес,Индекс.

screencapture-vamhost-ru-checkout-2020-01-26-19_13_03.png

У Вас есть возможность быстро и удобно выводить поля формы в зависимости от выбранной доставки.

Всё это настраивается в Админке — Настройки — Доставка.

screencapture-admin-vamhost-ru-settings-shipping-2020-01-26-19_14_43.png

В разделе Поля оформления заказа.

Вот пример для модуля курьерская доставка:

screencapture-admin-vamhost-ru-settings-shipping-5dadd22796976428b7903944-2020-01-26-19_14_52.png

Вот пример для модуля доставки почтой:

screencapture-admin-vamhost-ru-settings-shipping-5de1a7ae2ca88f41d10024ee-2020-01-26-19_15_02.png

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

В зависимости от суммы заказа, либо от веса заказа.

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

А не так как обычно, что нужно заполнить кучу форм с десятками полей, условий.

Всё быстро, просто и удобно.

Живой пример можно посмотреть в онлайн-демке:

https://vamhost.ru

https://admin.vamhost.ru

Читать заметку полностью

Ссылка на сообщение
Поделиться на другие сайты

Интересно раскрывающийся выбор и тд, но разве ajax не решал подобные вещи? в чем + данного движка в отличии от vam and vam2

Ссылка на сообщение
Поделиться на другие сайты
1 час назад, ZM сказал:

Интересно раскрывающийся выбор и тд, но разве ajax не решал подобные вещи? в чем + данного движка в отличии от vam and vam2

Это совершенно другой подход.

Не монолитный, как vamshop 1, 2, opencart, wordpress, shop-script и т.д.

А разделение на backend и frontend, всё крутится вокруг api, api центричное веб-приложение.

Если коротко, это намного интереснее и перспективнее чем любые монолитные движки.

 

Если сравнивать с jQuery, то jQuery как бы делает часть страницы динамической, если так можно выразиться, какой-то кусок.

А с react+api весь сайт целиком - динамическая страница.

Ссылка на сообщение
Поделиться на другие сайты

И если у тебя движок монолит, то это бесполезно привязывать react к нему, api.

Он всё равно останется монолитом.

Все преимущества api-центричного подхода можно получить только с нуля написав и разделив backend и frontend, т.е. всё стоит на так называемых микросервисах, т.е. запросах к api.

Иначе получается просто скрещивание ужа с ежом.

т.е. не получишь всех преимуществе api центричного подхода и не избавишься от всех недостатков монолитности.

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...