Pavel_20
@Pavel_20

Как верстается страница с пошаговым оформлением заказа?

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

Шаг 1 - корзина - и тут сходу вопрос: я так понимаю с корзиной работает backend. Как быть верстальщику? Просто статично сверстать как на макете представлено? Нужно ли добавить еще событие по клику на крестик, что товар должен исчезать? Справа в табличке сумма динамически меняется исходя из товаров в корзине. Это я так понимаю backend-часть или на js пишется?
5f8949d6533ac774249267.jpeg

Шаг 2 - оформление заказа.
5f8949e332222238556238.jpeg
Тут и на следующем скрине я так понимаю radio-инпуты-табы (или просто табы без инпута?) - еще одно сомнение...
5f8949ec865f1420415147.jpeg
5f8949fb6fb75073553062.jpeg
5f894d81615ec848582243.jpeg
5f894e0f5dd41862760142.jpeg
5f894e1aa568a312430625.jpeg
5f894e2588f9b579572951.jpeg
5f894e338c4ee976946952.jpeg
Финал:
5f894e3f3ff41330103024.jpeg

Извиняйте, что накидал кучу скринов. В целом, если глобально, то вопрос: в чем в моем примере заключается прямая задача верстальщика и как правильно сверстать для backend-части (какие особенности выделили бы)? И шаги - это все одна страница, на которой происходят динамически изменения, или все же разные разные?
Буду премного благодарен, если подробно и доступно ответит кто-то)
  • Вопрос задан
  • 211 просмотров
Пригласить эксперта
Ответы на вопрос 3
delphinpro
@delphinpro
frontend developer
Такие вещи как корзина нужно согласовывать с бэкэнд-программистом. У него может быть CMS c готовым модулем, который вам нужно перестилизовать. А может он любую разметку прикрутить готов.
Удаление товара может быть реализовано как с перезагрузкой страницы. так и аякс-запросом. Это тоже нужно уточнять.
Для подсчета стоимости вам нужны данные — цена и количество, и возможно скидки. Также нужно согласовать, каким образом вы будете получать эти данные, в дата-атрибутах, отдельным объектом на странице или аякс запросом.

А может от вас просто требуется статичная верстка. =))
В общем, не по адресу вопрос задаете. Обговаривайте это с заказчиком или коллегами.
Ответ написан
approximate_solution
@approximate_solution
JS Developer. Angular\React\Vue\Ember
Вам нужно взять любую CMS которая работает по MVC, и посмотреть код корзины(страницы заказа).
Допустим тот же самый opencart - каждый отдельный пункт заказа подключен к основной страницы отдельным шаблоном, и под каждый отдельный шаблон пишется свой визуал, и логика.

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы