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

Новый дизайн корзины в VamShop!


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

Новый дизайн страницы корзина в VamShop.

Попробуйте добавить товар в корзину в демке http://demo.vamshop.ru

и перейдите на страницу корзины http://demo.vamshop.ru/shopping_cart.php

screencapture-demo-vamshop-ru-shopping-cart-php-2020-03-20-00_12_24.png

Корзина теперь полностью на ajax.

Всё действия без перезагрузки страницы, на ajax:

1. Добавление, уменьшение количества кнопками + и —

2. Добавляение, уменьшение количество вводом цифры в поле количество.

3. Удаление из корзины.

4. Добавление сопутствующих товаров, блок Рекомендуем.

Это сопутствующие товары, которые выводятся в корзине.

Точно так же, сопутствующие переносятся, добавляется в корзину через ajax, без перезагрузок страницы.

5. Группировка товара в корзине по разделам и по порядку сортировки.

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

Категории сортируются по порядку сортировки, который указывается при редактировании категорий в админке.

6. Кнопка оформить заказ видна справа, на самом видном месте. Без прокрутки.

7. Вся страница целиком адаптивная, подстараивается под размер экрана смартфона, планшета, компьютера.

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

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

Как Вам такая корзина?!

Нравится, не нравится?!

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

все супер-пупер, но...

имхо, функционал корзины весьма сложноват для понимания не очень продвинутым юзером.
вот что мне не очень понравилось:
1. представление товаров в корзине почти не отличается от листингов товаров на других страницах. особенно можно потерять все ориентиры с телефона, когда при пролистывании будет сложно найти кнопку "Оформить заказ" среди кучи товаров в Корзине, Рекомендуемых и Просмотренных.
2. не совсем явный наглядно пересчет суммы при увеличении количества может ввести покупателя в заблуждение относительно стоимости 1 единицы товара.
3. процесс добавления товаров в Корзину покупателем из рекомендуемых или просмотренных в то время, когда он в самой Корзине тоже совсем не явный. вращающееся колесико и все...

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

все супер-пупер, но...

 

А если так?!

Попробуйте http://demo.vamshop.ru

1. Сделал вывод не плитками, а списком элементы корзины.

2. Сделал вывод стоимости единицы товара, если в корзине больше 1 единицы.

3. Добавил вывод popup окна и на странице корзины, т.е. когда добавляешь на странице корзины рекомендуемые или просмотренные, выскакивает окно.

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

Screenshot from 2020-03-20 21-50-30.png

 

 

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

да, сейчас лучше. лучше представлено содержимое корзины.
а popup окно я так и не увидел. может, Опера не показывает. или кеш почистить надо... В Лисе вижу попап.

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

да, сейчас лучше. лучше представлено содержимое корзины.
а popup окно я так и не увидел. может, Опера не показывает. или кеш почистить надо... В Лисе вижу попап.

Ну да, вроде так компактнее получается, на компе.

А на телефоне всё так же выглядит плитками.

Вроде бы нормально.

 

Да, наверное кэш. Можно с открытой консолью (f12), с консолью по идее кэш сбрасывается.

 

popup если добавляешь рекомендуемые или просмотренные на странице корзины.

Если + -, вручную количество указываешь, либо удаляешь, popup'а нет.

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

все супер-пупер, но...

имхо, функционал корзины весьма сложноват для понимания не очень продвинутым юзером.
вот что мне не очень понравилось:
1. представление товаров в корзине почти не отличается от листингов товаров на других страницах. особенно можно потерять все ориентиры с телефона, когда при пролистывании будет сложно найти кнопку "Оформить заказ" среди кучи товаров в Корзине, Рекомендуемых и Просмотренных.
2. не совсем явный наглядно пересчет суммы при увеличении количества может ввести покупателя в заблуждение относительно стоимости 1 единицы товара.
3. процесс добавления товаров в Корзину покупателем из рекомендуемых или просмотренных в то время, когда он в самой Корзине тоже совсем не явный. вращающееся колесико и все...

ну да, как всегда надо думать про юзера, особенно про мега-чайника, который зашёл как в первый раз...
чем меньше деталей, тем проще будет сделать заказ..
как вариант в идеале вообще сделать возможность какой-нибудь текстовой подсказки ниже, типа для оформления заказа нажми на... для совсем тупых юзеров- коими являются 99% ( и я в том числе, ха ха)

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