Верстка и натяжка под Webasyst ShopScript

Имеется дизайн интернет-магазина (файлы в формате PSD) и движок интернет-магазина Webasyst Shopscript

Требуется:

--------------

1. Сверстать все созданные страницы макета. Верстка должна быть выполнена под шаблоны ShopScript-а: основа DIV-ы, иногда попадаются внутри и Таблицы. Архив с jpeg файлами дизайна в приложении.

Требования к верстке:

- Валидная XHTML

- Соблюдаем семантику насколько возможно (Eg: элементы дизайна делаем с помощью CSS, а не с помощью картинок)

- Кодировка UTF-8

- Соответствие макету

- Кроссбразерность в IE 7+, Safari 4+, Opera 9+, Firefox 3+ (хаков быть не должно, используем условное подключение соответствующих файлов стилей при необходимости).

- Работоспособность при выключенном Javascript

- Сайт должен нормально смотреться во всех стандартных разрешениях от 1024 и выше и не иметь горизонтального скрала

- Название элементов, классов и всего прочего должны быть на английском и соответствовать логике:

Правильно: top_left_block, page_title

Неправильно: block_1, verhniy_leviy_block, header1, zagolovok_stranitsi

2. Натяжка сверстанного дизайна на готовый движок — должна быть выполнена как отдельный шаблон для Shopscript- а. При выборе данного шаблона — все страницы должны быть в тему дизайна, те дефолтные нигде не должны вылезать. Поэтому вы должны быть знакомы с данным скриптом.

3. Проект НЕ ДОЛЖЕН будет фигурировать в вашем портфолио!!!

4. ТЗ как должен функционировать магазин:

Главная:

- При наведении пункты меню и пункты каталога, подсвечиваются согласно дизайна. Ссылки на соцсети (в футере) — аналогично. В ПСД есть вариант когда они не подсвечены

- Блок Распродажи нужен чтобы выделить какой либо товар, на который снижена цена и тп (не важно по каким критерям, должна быть просто возможность указать какой-то товар из каталога, который будет сюда выводится), соответственно он выводится сюда с основной (или большой) картинкой, его цена и краткое описание в качестве тайтла (если будет возможность брать не краткое описание, а другой текст — еще лучше (я просто не знаю как стандартные списки себя ведут). тут их будет от 3 до 5 штук, посмотрим по ходу реализации

- Новости: выводим картинку — тайтл и краткое описание + ссылку на подробное. Тут будут публиковаться в основном новости касающиеся товара

- Поиск: поиск краткий, НО результаты поиска выводятся в окне когда, то первыми выводится поля для расширенного поиска, те октазаться от расщиренного нельзя — просто он будет неявным и выводится вначале результатов обычного поиска (логика: если человек вдруг не нашел что искал — может воспользоваться расширенным)

- Отзывы покупателей: не знаю есть ли что-то стандартное, но суть такова что будет выводится 1–3 последних отзыва. Оставлять отзывы пользователи могут нажав внизу ссылку и заполнив форму, которая выводится тут же вместо центрального блока Контент. Только публиковаться не сразу, а премодерация (чтобы матов не написали) — хотелось бы узнать есть ли стандартное решение, тк если сильно повлияет на цену — можно будет отказаться

- Каталог (гор меню Навигаторы | Телефоны | Электронные книги и тп — никаких подменю или списко нет. Пользователь тыкает на Навигаторы — в блоке Контент — выводятся все товары в данной категории (с разбивкой по страницам — паджинатор), тк не предполагается большого количества товаров в одной категории — то такое решение вполне приемлемо.

- Хлебные крошки — на главной отображаются как Главная -> Новости. на другиз старницах Вместо Новости раздел где мы находимся (или это будет категория товара или какой то пункт меню)

- Авторизация/Регистрация — выполнена на jQuery в таком виде: Пример как должно функционировать — можно посмотреть тут: http://tympanus.net/tutorials/animatedformswitchin... Картинки всех состояний прописаны (Авторизация, Регистарция, Забыли пароль)

Второстепенные страницы — сделаны на основе Главной, меняется только блок Контент (те постоянно остается: Хидер с корзиной и Каталогом, Футер и Распродажи.)

Страница ошибки (404, 500) Пишется текст в блоке Контент в центре. Хидер и футер остаются (тут Распродажи блок убираем)

- Страница списка товаров — все поведение стандартное — реализцем тот функционал, который указан на картинке Группа.

- Страница товара — опять же все поведение стандартное — никуда не отклоняемся. Там только не прорисованы отзывы которые были добавлены (у дизайнера не было посмотреть варианта с оставленными отзывами). Оставленные отзывы идут ниже описания товара, но выше формы Оставить отзыв.

Отдельно хочу выделить поведение Корзины: при добавлении товара в Корзину, она НЕ открывается сразу, как это сделано по дефаулту. Товар молча добавляется в Корзину (в миникорзине в Хидере меняется кол-во и сумма) и после добавления товара — просто всплывает окошко по центру и тут же гаснет с сообщением " Товар добавлен в корзину". Если получится задейстовать jQuery тут будет хорошо тк появление и тут же затухание этого сообщения во первых проинформирует пользователя что товар добавлен (иначе как показывает практика жмут по нескольку раз пока поймут что товар добавляется) и во вторых лишний раз избавит его тыкать Закрыть окно корзины или какиого-либо информационного окошка.

Корзина:

- при нажатии на миникорзину (в Хидере) открывается главное окно Корзины (Корзина2 файл) — поведение стандартное

- Далее попадаем на этап ввода адреса (файл адрес) — только тут я смотрю есть Футер, Хидер, но в стандартном поведении этого нет. Это так отрисовано — это все можно убрать и пусть на весь экран будет только корзина — те поведение стандартное

- Доставка и Оплата — опять же поведение стандартное и Корзина на весь экран — без футера и хидера (опять же так просто отрисовано)

- Подтверждение заказа — все стандартное и опять же как в пунктах выше — Корзина на весь экран. Одно замечание: Там есть кнопка распечатать счет — это когда выбираем варинат опаты через р/с, через Вебмани например там будет Оплатить по Webmony, через QIWI — Оплатить по QIWI и поле ввода номера теелфона — это следует учитывать

Личный кабинет

- при авторизации Блок Регистрация/авторизация меняется на: имя_пользователя (нажатие на которое означает редактирование данных пользователя) и иконка выхода из системы. Остальное поведение стандартное и согласно картинок.

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

Заявки подавать в формате:

-------------------------------------

1. Ссылки на примеры ваших работ по " натяжке" на ShopScript

2. Цена и срок

3. Если доработка по функционалу (*) для вас представляет сложность — пишите цену без доработки (только указывайте что без, иначе я буду подразумевать что она включена)

Схема сотрудничества:

------------------------------

- Заключаем договор (через Weblancer), в котором будут оговорены все условия, чтобы потом не было разногласий и была возможность оставить друг-другу соответствующие отзывы

- оплата через weblancer по системе безопасных сделок или напрямую (на выбор исполнителя) после сдачи работ.

- в случае выполнения 80% работ и при отсутствии срыва заявленных сроков — возможна 20%-я оплата от суммы договора.