Доступная и удобная Ajax-корзина для покупателей

Доступная и удобная Ajax-корзина для покупателей

14 июля 2014


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

Учитывая эти и другие нюансы, наша компания MIBIX разработала модуль удобной корзины-панели для покупателей интернет-магазинов и 8 цветовых схем для ней. Благодаря этому, под любой дизайн можно подобрать в большинстве случаев подходящую цветовую схему не залазя в css. 

Так в чем же ее достоинства этого модуля?
  1. Она выполнена в виде фиксированной панели и привязана к нижней части экрана, таким образом она всегда на виду и не загораживает другие важные элементы интернет-магазина.
  2. На панели отображается общая сумма корзины и количество товара в ней, таким образом покупатель всегда знает сколько он набрал товара и на какую сумму и ему больше не приходится куда-то прокручивать страницу или куда-то заходить, чтобы посмотреть эту информацию.
  3. Доступна мини-корзина, которая вызывается всего лишь одним кликом по ссылке на панели. В ней покупатель может видеть фотографию, наименование и количество товара, которую он положил в корзину. Здесь же он может и сразу же при необходимости отредактировать количество добавленного товара в Ajax режиме или удалить ненужные позиции. При этом сразу же интерактивно меняется информация об общем количестве и суммы корзины на ее панели. Мини-корзина скрывается также одним кликом.
  4. Предусмотрена Ajax-возможность добавления товаров в корзину. Достаточно прописать у Вашей ссылки "Купить" событие onclick с вызовом готовой javascript функции, которая сразу же обновит информацию об общей сумме заказа и количества товаров в корзине на панели, а также добавит этот товар в мини-корзину панели, где сразу же можно ее редактировать.
  5. Для удобства покупателей, на панели выводятся также кнопки "Войти/Выйти/Регистрация/Кабинет" которые меняются в зависимости от того, авторизован пользователь или нет. Таким образом у покупателя под рукой возможность войти или зарегистрироваться на Вашем сайте.
  6. На панель мы добавили еще одну кнопку, которая тоже должна быть перед лицом, - это возможность быстрой прокрутки наверх страницы. Кнопка на панели появляется только в том случае если пользователь уже прокрутил немного страницу вниз и нажав на нее он быстро сможет вернуться наверх. Если данная кнопка Вам не нужна на панели, то Вы можете отключить ее через настройки модуля (компонента).
Данный модуль мы выполнили в виде компонента и у Вас есть возможность гибко управлять его настройками:

  • К примеру, Вы полностью можете настраивать все ссылки, которые присутствуют в данном модуле.
  • Выбрать нужную цветовую схему.
  • Указать для отображения мини-корзины, где она будет брать изображения для товаров. Можно указать стандартные поля инфоблоков Preview или Detail либо указать нужной свойство инфоблока с изображениями.
  • Указать валюту для отображения цен в панели.
  • Убрать/Показать кнопку скролла.
Что еще из достоинств данного модуля хотелось бы подчеркнуть? Пожалуй, плюс ко всему вышесказанному лишь отмечу, что в техническом плане весь JavaScript функционал был реализован с использованием внутренней JS библиотеки 1C-Битрикс, поэтому для работы данного модуля нет необходимости подключать к примеру JQuery и т.п. фреймвоки, если Вы их не используете у себя на сайте для работы других элементов.

В итоге, при разработке модуля "Доступная Корзина (Ajax)" мы старались учесть большинство требований и пожеланий заказчиков, а также удобство его работы с точки зрения юзабилити. Мы надеемся, что он Вам понравится! С удовольствием выслушаем все пожелания, замечания и предложения по нему.

Желаем Вам успехов!