Перерисовка главной страницы shop.ordvor.ru
Задание:
Модернизация главной страницы сайта shop.ordvor.ru, отрисовка страниц «новости» и «отзывы» по тех заданию ниже. Стилистику главной страницы необходимо оставить без изменений. Макеты страниц для последующей дорисовки будут предоставлены. Требования к готовым макетам - упорядоченность слоев по блокам, логичность для облегчения верстки.
1. В дизайн главной страницы сайта необходимо врисовать новые блоки:
1.1 Новые отзывы
Блок должен содержать 3-5 отзывов и ссылку «Все отзывы». Отзывы на сайте имеют определенный формат, который можно увидеть на странице http://shop.ordvor.ru/catalog/?id=6247&code=36757 (вкладка отзывы). Формат отзыва должен быть сохранен для главной страницы, то есть отзыв должен содержать:
- Имя
- Дату (без времени)
- Текст отзыва
- Оценку в виде звездочек
- Также, отзыв должен содержать ссылку на товар, на который оставлен данный отзыв.
1.2 Новости
Блок должен содержать 3-5 новостей и ссылку «Все новости». Формат новости для главной страницы:
- Дата
- Заголовок (кликабельная ссылка)
2. Необходимо видоизменить следующие блоки:
2.1 Шапка сайта
- Вместо существующего номера телефона врисовать номер в формате 8-800
- Врисовать выбор города в формате «Ваш город: Москва». Необходимо отрисовать выпадающий список и строку поиска города (в качестве примера можно брать реализацию на сайте ozon.ru)
2.2 Каталог
Изменить существующий каталог из 12 плиток. Сделать его в формате, как это реализовано на сайте ulmart.ru (левый каталог с выпадающим право окном подразделов). Сами синие иконки разделов товаров желательно сохранить, может быть их можно разместить в уменьшенном виде перед названиями разделов товаров. Необходимо прорисовать выпадающие окна с подразделами. Ширину левого каталога (без учета иконок, если они будут использоваться) желательно сохранить в пределах левого каталога, который представлен на странице http://shop.ordvor.ru/catalog/?cat=327.
2.3 Акции
Баннера, которые представлены в блоке акции, можно перенести на освободившееся место в блоке «Каталог» справа от левого каталога.
2.4 Поиск
Необходимо отрисовать выпадающее окно с подсказками поиска, как это реализовано на сайте ozon.ru
3. Страницы "Все отзывы" и "Все новости"
3.1 Страница "Все отзывы" содержит отзывы в том же формате, что и на главной странице, от самых новых до самых старых, с пагинацией внизу страницы. Пример пагинации - на странице http://shop.ordvor.ru/catalog/?cat=555.
3.2 Страница "Все новости" содержит заголовки (кликабельные ссылки) и даты публикации новостей в том же формате, что и на главной страницы. Необходима пагинация внизу страницы для смены страниц. Пример пагинации - на странице http://shop.ordvor.ru/catalog/?cat=555.