Верстка: HTML + JavaScript

Верстка: HTML + JavaScript

Требуется верстка для дизайна каталога товаров: HTML + JavaScript

JPEGи и PSD здесь: yadoshka.com/images/Final.zip

Хочу услышать ваши предложения по цене и срокам.

Предпочитаю сотрудничать с профессионалами, которые выполняют задания, как для себя, с увлеченностью процессом и результатом.

ТЗ

0. Все выпадающие списки работают по наведению мышки.

1. В системе шапка, средняя часть и футер лежат в разных файлах. Нужно верстать так, чтобы видно было, какой кусок в какой файл положить.

2. Оболочку попапных окон не нужно верстать (02_1_add_login_+other.jpg, 02_1_add_no_login.jpg, 02_1_form_register.jpg). Только внутренности. На yadoshka.com уже стоит механизм попапных окон.

3. Капчу верстать не нужно (02_1_add_login_+other.jpg, 02_1_add_no_login.jpg). Она готовая.

4. При наведении мышкой на фотки, они увеличиваются до полного размера (02_1_catalogue_closed.jpg, 02_1_catalogue.jpg, 02_1_compare.jpg, 02_1_offer.jpg, 02_1_offer_wide.jpg). При убирании мышки с большой фотки, они возвращаются на место.

5. Блоки фильтров открываются/закрываются по щелку мыши (02_1_offer.jpg, 02_1_offer_wide.jpg, 02_1_catalogue_closed.jpg, 02_1_catalogue.jpg).

6. Событие "Клик на любой из элементов фильтра". Действие "Фильтр убирается из того места, где был и залетает в верхний блок "Выбранные фильтры" + аяксово перезагружается правая внутреность.

7. Клик по крестику справа от выбранного фильтра. Действие: сверху исчезает. На своем месте появляется. + аяксово перезагружается правая внутреность. Клик по "Сбросить все фильтры" делает то же самое, только массово.

8. Клик по "Смотреть весь список" раскрывает весь список. Надпись на кнопке меняется на "Свернуть весь список". Клик - сворачивается до до первых 7 штук.

9. Ползунки цены двигаются. Параллельно меняются цифры в инпутах и данные from=&till= в УРЛе "Показать результаты". Когда мышка отпускается с ползунка, идет запрос на аяксовую перезагрузку правой части.

10. Блок цены должен быть первым в фильтре. И он не залазит в "выбранные фильтры". Стоит на своем месте.

11. Клик на "подробнее" под кратким описанием характеристик товара. Действие: исчезает краткий текст и подробнее. Появляется подробный список характеристики и "скрыть описание". И наоборот.

12. Клик на поле поиска - исчезает надпись "Поиск среди ...". Не фокуса в поле поиска - надпись возвращается.

13. Начинаешь вводить слово в поиске: вылазит автокомплит.

02_1_lot_page.jpg

14. картинки прокручиваются по стрелочкам. Клик по любой открывает её в полный рост.

15. 02_1_main_page06_1.jpg Так выглядит главная по-умолчанию.

16. При наведении на любой пункт слева - справа вылазят его подразделы. Если в подразделе есть подподразделы - они тоже по наведению вылазят. И залазят при ненаведении. Исключение - правая часть (второй уровень разделов). Даже при убирании мышки с этой области, продолжает отображаться тот, который и отображался. Меняется только, если непосредственно навели на раздел слева.

17. Клик на "Все категории" раскрывает остальные разделы.

18. 02_1_offer.jpg Клик по троеточию справа от краткого описания. Действие: исчезает краткий текст и "...". Появляется подробный список характеристик и "скрыть описание". И наоборот.

19. При наведении мышей на пиктограмку в таблице вылазит её значение.

20. Переключатели краткого режима и расширенного моментально добавляют/убирают подробное описание под строками.

21. При наведении на юзера вываливается выпадающее меню 02_1_add_login_+other.jpg.