Кнопка товара — это начало короткого сценария покупки. В текущей версии Shopboard карточка добавляет одну единицу, а управление количеством находится в корзине.
Как работает кнопка сейчас
На карточке товара отображается компактная кнопка с символом «плюс». Одно нажатие добавляет одну единицу и показывает уведомление. Повторное нажатие увеличивает количество, но не выше доступного остатка.
Открыть демонстрационную витринуСостояние товара определяет действие
Перед публикацией проверяйте не только внешний вид кнопки, но и данные товара. В текущем прототипе часть состояний уже работает, а часть ещё требует production-реализации.
Где покупатель меняет количество
В действующем интерфейсе количество настраивается в корзине. Кнопка «плюс» увеличивает позицию до доступного остатка, «минус» уменьшает, а при переходе к нулю позиция удаляется.
Укажите реальный остаток
Откройте товар в CMS → Товары и проверьте количество. Складские значения должны соответствовать физическому наличию.
Добавьте товар как покупатель
На витрине нажмите кнопку карточки несколько раз. Счётчик корзины должен измениться, а количество — остановиться на остатке.
Проверьте пересчёт суммы
Откройте корзину и измените количество в обе стороны. Итог должен пересчитываться после каждого действия.
Сравните три варианта кнопки
Выберите режим, подпись и состояние остатка. Этот стенд помогает согласовать будущий интерфейс — он не меняет настройки реальной витрины.
Кнопка должна объяснять результат
Подпись выбирают по действию, которое произойдёт сразу после нажатия. Не обещайте покупку, если кнопка лишь открывает выбор или отправляет заявку.
Проверьте весь путь кнопки
Карточка
Кнопка видна, не перекрывает цену, имеет понятное состояние при наведении и фокусе с клавиатуры.
Корзина
Товар появляется один раз, количество и итоговая сумма пересчитываются, удалить позицию можно без перезагрузки.
Остаток
Нельзя заказать больше доступного количества. Нулевой остаток обработан до того, как на витрину придут реальные покупатели.
Мобильный экран
Зона нажатия достаточно крупная, элементы количества не слипаются, уведомление не закрывает оформление заказа.
Частые вопросы
Где сейчас меняется внешний вид кнопки?
В текущем MVP отдельной настройки в CMS ещё нет. Стенд выше — предпросмотр продуктового решения, а не сохранение параметров магазина.
Можно ли изменить текст «В корзину»?
Пока только в коде темы. В будущем планируется безопасная настройка подписей в интерфейсе с отдельными текстами для доступного товара, выбора варианта и заказа при отсутствии.
Почему количество вынесено в корзину?
Так карточка остаётся компактной, особенно на мобильном экране. Варианты со счётчиком на карточке полезны для повторных покупок и оптового каталога — поэтому они включены в прототип.
Что делать с товаром без остатка?
До реализации отдельного состояния снимите товар с публикации или восстановите остаток. Не оставляйте активную кнопку у недоступной позиции на рабочей витрине.