ShopScript. Приватно для the_login

Имеется дизайн интернет-магазина (файлы в формате 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/AnimatedFormSwitching/ Картинки все состояний прописаны (Авторизация, Регистарция, Забыли пароль)

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

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

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

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

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

Корзина:

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

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

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

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

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

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

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

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

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

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

2. Цена и срок

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

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

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

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

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

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