Задача:
Розробити модуль кошика покупок з інтеграцією PayPal API (без використання CMS або бази даних). Сайт — статичний, товари додані вручну на окремих HTML-сторінках. Збірка індексних файлів сайту відбувається на льоту через SSI
Кратке опис:
Користувач додає товари в кошик на сторінці кожного товару. У кожного товару вказана тільки 'ціна' і вибір 'кількість' (за замовчуванням -1). У деяких товарів є додатковий параметр 'variant', від якого може змінитися ціна, але не вага. Якщо він є, він повинен відображатися біля ціни.
Модуль рахує загальну вартість і загальну вагу, визначає вартість доставки (по 4 ваговим категоріям), і формує підсумкову суму.
Після цього користувач натискає кнопку "Оплатити", потрапляє на PayPal, вводить свої дані і оплачує.
Потім — редирект назад на задану сторінку сайту.
На сторінку товару додається:
- кнопка "Додати в кошик"
- кнопка "Кошик" з відображенням поточної кількості в кошику (динамічно)
Структура кошика :
- Таблиця з товарами:
- Назва / варіант, якщо є
- Кількість
- Маса, кг
- Ціна за одиницю, USD
- Загальна ціна за рядок
- Знизу:
- Загальна вага
- Вартість доставки
- Підсумкова сума
- Кнопка "Оплатити через PayPal"
Технічні особливості:
1. Розрахунок суми: Сума вартості товарів + Вартість доставки (залежить від загальної ваги)
2. Дані товару беруться з окремого файлу products з змінними: id, name, variant, weight, price
3. Вартість доставки береться з файлу shipping з змінними: maxWeight, cost
4. Зберігання даних кошика — в localStorage
5. Не використовуються PHP, бази даних
6. Підтримка кількох товарів на різних сторінках. Цифра, що відображається на іконці кошика на різних сторінках товару, повинна синхронізуватися.
7. Редирект після оплати: "Успішна оплата" (return_url), "Скасування оплати" (cancel_url)
8. Використовувати 'PayPal API' для запиту платежу та адреси доставки. Client ID та Merchant ID будуть надані
Що не входить в задачу:
- Не потрібен дизайн
- Не потрібна верстка під мобільні пристрої
- Не потрібно вставляти код вручну на кожну сторінку товару. Достатньо одного прикладу простого товару і другого з variant.
Що повинно бути на виході:
1. Приклад двох HTML-сторінок з кнопкою додавання товару
2. Сторінка "cart.html", де відбувається розрахунок, вибір доставки і перехід до оплати
3. Робочий зразок на вашій стороні. Доступу на сайт або Пейпал дати не зможу.
Термін: 3-5 днів
Бюджет: Пропонуйте
