Главная страница

Главная страница.

При наведении на пункт меню, он меняет цвет на # 0d9caa. Таким же цветом будет выделен активный пункт верхнего меню.

Структуру выпадающего меню берем с сайта www. (будет такая же структура только вместо серого фона, будет еще 1 ряд меню - всего 4 ряда). Пункт Показать все - это просто ссылка на Внутренний раздел. То есть, будет меню в 4 ряда такой же структуры, как на спортмастере. А вот фон и верхняя окантовка и фон меню будут, как у нас в макете.

В макете см. вид меню в папке Меню выпадающее, но только структуру (написание текста) берем такую же, как в Спортмастере - названия друг под другом в ряд. Отсюда берем окантовку и фон.

Важно: при разработке сайта учитывай то, что клиент будет менять пункты меню и дополнять их. Это не должно искривить выпадающее меню на главной странице. То есть, там должно быть одинаковое количество пунктов с возможностью ссылки Показать все - ссылкой на все разделы выбранной категории. Либо оно должно до какого-то предела удлиняться вниз (не думаю, что у нее появятся 20 пунктов). Пункты меню на сегодняшний день прилагаю вместе с этим документом.

Лого

Логотип должен быть кликабилен на внутренних страницах и вести на Главную.

Шапка

При наведении на шапку появляются боковые стрелки слайдера (без наведения мышкой они не видны). По типу как тут: http://demo. /templates/joomla25/sj-sportstore/index. php

Сами стрелки в папке - Стрелки при наведении на шапку.

Примерное количество слайдов - до 5.

Для каждого слайда будет свой текст слева в шапке с кнопкой Подробнее.

Клиент должен уметь менять этот текст (он должен быть ограничен количеством букв, чтобы клиент ничего не испортил в оформлении) и вставлять нужную ссылку в кнопку Подробнее.

Модули категорий товаров (фотки).

При наведении они должны также уменьшаться, как здесь: http://themes. /456industry-1-3/ и при клике вести на соответствующий раздел. Клиент будет менять эти разделы и фотки.

Контент

Текст о компании и справа видео ролик из Ютуба.

Новинки: 4 новых товара, которые отображаются на Главной странице.

Выделение товара при наведении должно быть 1 в 1, как здесь: http://demo. /templates/joomla25/sj-sportstore/index. php/bikes.

То есть, появляется синий фон с лупой и рамочка.

Так как у цен и рейтинга не будет, то при выделении мышкой, также меняется и цвет названия товара - #0d9caa.

Футер.

В футере пункты меню и ссылки при наведении мышкой светлеют - #9a9898.

Копирайт ссылка в футере также при наведении должна менять цвет на #9a9898. На словах "создание живых сайтов" прописывается урл студии: http://ytro. (с тайтлом Создание сайтов в Одессе). Пример: http://www. .

Названия Страницы, Каталог и Контакты в футере - не кликабильны.

Страница О нас.

Картинка в шапке может измениться - будут подбирать эти картинки для каждого раздела. В шапке соответствующая надпись - World Sport и название раздела.

Слева 3 пункта меню - О компании, Бренды и Контакты. При наведении менют цвет на # 0d9caa ( и текст и нижняя полоса). Активный пункт также становится выделен таким цветом.

Под пунктами меню место для банера в соответствующем размере. Он при клике ведет на нужный раздел (и баннер и ссылку клиент будет менять).

Под основным текстом такие же 3 места для банера (горизонтальный и 2 прямоугольных - пока вставлены тестовые картинки). Желательно, чтобы 2 картинки под горизонтальным банером также реагировали на наведение мышкой, как банеры тут: http://themes. /456industry-1-3/.

Общий каталог товаров.

Слева все пункты подкатегорий основной категории Спорт Инвентарь. Активный выделенный пункт верхнего меню Спорт инвентарь синего цвета (см. макет).

При наведении пункты левого меню слегка светлеют: #5bbbc7.

Основные названия в левом меню (Футбол, Волейбол и т. д. также кликабильны и при наведении тоже слегка светлеют: #747373.

В шапке фотка общей категории и соответствующее название - World Sport - Спорт Инвентарь.

При наведении мышкой картинки категорий товаров также реагируют, как на примере банеры: http://themes. /456industry-1-3/ (фото уменьшается или увеличивается - без разницы).

Каждая картинка и название кликабильны и ведут на соответствующий раздел.

При наведении название подкатегории становится синим - как в макете надпись Футбол под картинкой.

Каталог товаров - Подкатегория.

В шапке появляется картинка, соответствующая категории. В шапке соответствующее название.

Слева пункты меню для данной категории. Все тоже самое при наведении. Кнопка вернуться в каталог ведет в общий каталог для категории Спорт инвентарь.

При наведении картинки товаров также реагируют, как на предыдущем примере (уменьшаются). При наведении на название под картинкой, оно меняет цвет с серого на синий (см. макет).

Товары.

Картинка в шапке соответствующей товару подкатегории.

При наведении на товар, появляется синий фон и лупа. Кликабильна и картинка и название - ведет на сам товар. При наведении название товара меняет цвет на наш синий 0d9caa.

Слева выборка по сколько товаров на страницу показывать. Стандартный WP-Joomla функционал.

По умолчанию показывает 4 ряда товаров.

Снизу пагинация - делайте ее, как вам удобно, но только чтобы кнопки и стиль были, как в дизайне. Взято отсюда: http://demo. /templates/joomla25/sj-sportstore/index. php/bikes

Товар.

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

http://themes. /456industry-1-3/product/combi-drill/ - тут не понятно, но она при клике увеличивается (надо поставить какой-то плюс где-то).

Под фоткой - маленькие фотографии. При нажатии на них, они открываются в большой (все стандартно).

Под товаром - Рекомендованные товары (4 в ряд). Допускается 2-3 ряда. Эти товары заказчик должен сам выбирать.

Все тут интуитивно понятно.

Контакты.

Левое меню, что и в О компании. Форма обратной связи.

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