Добавить функционал интернет-магазина в готовый шаблон

Есть:
два шаблона с TemplateMonster
1) Базовый, устраивающий по дизайну, но не имеющий функционала интернет-магазина. 450 файлов pug/scss. Нужны, возможно не все. Документация к шаблону www.templatemonster.com/h...

2) Имеющий функционал интернет-магазин (список товаров, фильтры в списке, корзина и т.п.), но не устраивающий по дизайну. Есть подозрения, что этот шаблон на базе Bootstrap. 200 файлов CSS/HTML/JS/картинки/шрифты.

Нужно добавить в первый шаблон функционал интернет-магазина из второго шаблона, с адаптацией по внешнему виду. Можно рассматривать второй шаблон как пример дизайна, нет необходимости переносит верстку из второго шаблона (скорее всего она не совместима с первым шаблоном; верстальщику придется написать самостоятельно).

Форматы шаблонов исходный и в нем же хотелось бы иметь и результат – scss, pug. Так же – отдельными файлами отдельные элементы, как и в исходном шаблоне 1).

Речь идет о верстке голого HTML, а ни для какой-либо CMS/ни для какого-либо движка интернет-магазина.

Требования:
- Минимум js (обязательно обсуждается каждое применение), отложенная загрузка скриптов JS, если они нужны (хотелось бы без них).
- Важный критерий – минимальный размер кода
- Адаптивность мелкие экраны мобильных/большие экраны (уже имеется в исходных шаблонах, нужно не сломать)
- Соответствие дизайна в современных браузерах; а также хоть какой-то адекватный вид в старых браузерах, пусть даже без полного соответствия по дизайну.
- Всего – десять страниц (возможно, будут ещё 2-3): Главная, Список товара, Карточка товара, Корзина, Оформление заказа, Галерея, Статьи, Расписание семинаров, Акции, Контакты.
- Валидация на W3C
- При ответе на данное предложение, пожалуйста, укажите первым словом "Интернет-магазин", чтобы мы поняли что вы прочитали задание полностью.
- Реализация работы с картинками разного разрешения через IMG с SRCSET
- Реализация в верстке и описание (какие ID, какие CLASS для включения и выключения; какие элементы нужно добавить или можно не добавлять в HTML, если функционал нужен/не нужен) для программиста 9 мест, где будет после вашей работы по верстке программистом вставлена интерактивность – к каким элементам должен будет программист применить какие классы для получения вплывающего диалогового окна и т.п., а именно:

1) Логин/отображение бонусов – 3 диалога – ввести телефон, ввести код из смс, отобразить бонусы
2) Летящий в корзину товар по нажатию на товаре кнопки "Добавить в корзину"
3) Выезжающее левое и правое меню для мелких экранов
4) Динамическая подгрузка товаров в список при прокрутке
5) Ожидания: при динамической подгрузке товаров, при обновлении списка товаров в корзине, при пересчете итогов в корзине (при применении скидок/бонусов)
6) Появляющиеся/исчезающие кнопки в корзине.
7) Фильтры в списке товара (появление, исчезновение). Вариант вообще без фильтров. Или какой элемент убрать из HTML, если фильтры вообще не нужны.
8) Увеличение картинки с товаром по клику
9) Всплывающие информационные диалог несколько в ряд в верхней части сайта.

В файле приложены примерно скриншоты целевого шаблона 1) в стилистике которого и нужно все сделать.

Ссылка на шаблон 1):
www.templatemonster.com/d...
Ссылка на шаблон 2):
www.templatemonster.com/d...

Шаблоны выкуплены, исходники доступны