Общая информация:
CMS - OpenCart 3.0.3.7
Цель: Перенести дизайн из Figma на CMS OpenCart.
Языки: Украинский и Английский
Валюты: Гривна (UAH), Фунт (GBP), Евро (EUR)
Тип сайта: Каталог товаров без онлайн-оплаты (только запрос на товар)
Основные требования:
1. Адаптация дизайна
- Использовать дизайн из Figma (ссылка на проект) для создания HTML/CSS/JavaScript верстки.
- Верстка должна быть адаптивной (под мобильные, планшеты и десктопы).
- Все элементы дизайна должны соответствовать макету из Figma: цвета, шрифты, отступы, иконки и другие графические элементы.
2. Структура страниц
Главная страница: Отображение основных товаров, категорий и рекламных баннеров.
Каталог товаров: Список категорий, фильтрация по характеристикам, сортировка товаров.
Карточка товара: Описание товара, характеристики, фото, кнопка "Запрос на товар".
Форма запроса на товар: Возможность оформить запрос на товар (без онлайн-оплаты), сбор данных о клиенте (имя, контактные данные, сообщение).
Контактная страница: Информация о компании, контактная форма.
Блог.
Информационные страницы - о нас, наши проекты, FAQ, отзывы.
3. Мультиязычность и мультивалютность
- Настроить два языка: украинский и английский.
- Настроить три валюты: гривна (UAH), фунт стерлингов (GBP) и евро.
- Переключение языков и валют должно быть доступно со всех страниц сайта.
4. SEO и оптимизация
- Оптимизация верстки под SEO: семантические теги, корректные заголовки, alt-тексты для изображений.
- Оптимизация скорости загрузки страниц: минимизация CSS и JS, использование веб-шрифтов и оптимизированных изображений.
5. Кроссбраузерность
- Обеспечить корректную работу сайта во всех современных браузерах: Google Chrome, Firefox, Safari, Edge.
6. Интеграция с OpenCart
- Подключение верстки к функционалу OpenCart.
- Использование стандартных модулей и компонентов CMS для реализации каталога товаров, форм запросов и т.д.
- Реализация мультистор с использованием одного административного интерфейса для двух доменов (Украина и Великобритания).
7. Тестирование
- Тестирование функционала на корректность работы.
- Тестирование отправки запросов на товары, проверка корректности работы мультиязычности и мультивалютности.