/easyCart

Primary LanguageJavaScript

Простой модуль EasyCart

Легко подключается и простой в использовании...

  • Счетчик корзины
  • popup-окно с содержимым корзины
  • Добавление и удаление товаров в корзине
  • Использование localStorage - сохранение в cookie пользовательского браузера
  • Возможность отправить данные на сервер

Сборка проекта:

npm install
npm run build --production

#Использование:

  • Добавить data-аттрибуты в верстке товара

    Name Type Description
    data-id integer ID товара, желательно поставить в родительский div-обертку товара
    data-image string Ссылка на картинку товара
    data-name string Название товара
    data-count boolean True - активировать возможность доавлять разное кол-во товара
    data-price string|integer Стоимость товара

  • Передать в конструктор параметры (необязательно)

    Name Type Description
    source string ссылку на файл обработки данных
    productWrap string Класс обертки продукта
    addToCartBtn string Класс кнопки "Добавить в корзину"
    wrapperCartID string ID счетчика и вызова корзины при клике
    modalClass string Класс модального окна
    modalClasses object Объект содержащий классы всех блоков модального окна