Документ2 - lightd.ru

I. Кратко, описание шаблонов страниц по типам (каталог, товар
и прочее).
Вся верстка резиновая. Т.е. при увеличении/уменьшении экрана не должна нарушаться
целостность размеров страницы.
Общие элементы, блоки, присутствующие на сайте всегда и на всех
страницах.
- Лого.
- верхнее меню: телефон, контакты (ссылка на страницу "контакты", кнопки соц. сетей (любой
дизайн, только круглые и одного дизайна): [FB, VK, Twitter, Одноклассники], поиск: ...
(работающий по всему сайту), ВАШ ЗАКАЗ (это корзина, которую человек набрал в процессе
набора товаров в каталоге), данная корзина активна для нажатия и захода в меню заказа.
-Основное меню. КОМПАНИЯ, КАТАЛОГ, ЗАВОД, ВСЕ ВКЛЮЧЕНО, ЗА 1 ДЕНЬ, ВЫГОДА,
СВЕТОДИЗАЙН, СПАСИБО.
- Левая колонка меню. Она отображает подпункты ОСНОВНОГО Верхнего меню. Соответственно,
если подпунктов нет, то слева ничего не показывается.
- Блок "Все Включено" справа прилеплен FIX'ом и с этого положения никуда не двигается при
скролле вниз-вверх. (рисунок для hover есть)
Отдельно описание каждого шаблона страниц
1). Главная страница.
Рис. "лайтд-01".
Выглядит все также, как и на рисунке в процентных соотношениях на экране. Баннер со
сменяющейся картинкой. (Пока что без каких-либо товаров на нем)
Картинки для баннера убираются/добавляются в "Параментрах страницы" в Специальном блоке
"Баннер". Картинка не должна деформироваться, увеличиваться, уменьшаться в размере
относительно блока. Блок по высоте одного размера. (Пока не точно, но приблизительно 500 px)
Под Баннером есть текст увеличенными буквами H2. При наведении там меняется цвет шрифта на
red, и подставляется картинка с градиентом (см. картинку). На рисунке Главной страницы там это
видно. Под заголовком идет краткая аннотация. Это вручную в отдельном блоке в шаблоне
Главной путь будет размещено. (рисунки для градиента и буквы D сменяющейся есть)
Справа выводится блок Новости. Там выводятся последние 3 новости. Формата:
<b>Заголовок</b> - не <strong>, а <b>
Текст. Около 80 символов.
Далее прямо под Блоком с Большими буквами <h2> идет CONTENT страницы.
Под CONTENT просто чертой серой отделяется все и идет FOOTER формата:
"Какой-то там текст про все хорошее..."
Карта сайта | Контакты | Компания
(C)2015 ООО "Лайт-Д"
"ЧЕМ ПОМОЧЬ. ЧАТ" - это скорее всего будет JIVO site, возможно что-то другое, еще решается.
2). Каталог.
Выглядит просто как и здесь. http://ledel.ru/products/, на рисунке у нас показано, как это выглядит
относительно других объектов.
При нажимании на карточку открывается страница с карточкой товара, стандартно все.
Здесь товары выводятся полотном с МАКСИМАЛЬНО 8 позиций из каждой подкатегории. Товара в
каждой подкатегории может быть и 20 и 30. Мы выводим в страницу Каталог только по 8 позиций.
Должна быть возможность выбора показываемых товаров. Потому как они могут со временем
меняться. Выбор возможно осуществить через саму карточку товара, задать TV-параметр (MODX)
"Показывать в Каталоге" и сделать по данной галочке проверку при выводе.
Выводятся позиции простым минималистичным дизайном :
Картинка
Заголовок (H3)
2 характеристики
цена
ЗАКАЗАТЬ
3). Карточка товара.
Дизайн лизать можно полностью отсюда, здесь он сделан идеально, как нам требуется, включая
слайды, которые тоже в товаре должны быть в такой же точно форме.
http://ledel.ru/products/office-light/l-office-32.html
Только, некоторые комментарии.
-Слегка другие могут быть названия характеристик а-ля "Назначение, корпус" и т.д. Но это как я
понимаю, TV-параметры (MODX), имена которых всегда можно сменить.
- Характеристики мы пишем в самом низу страницы в таком же формате:
Характеристики
Таблица с зеброй серо-белой.
-Там есть три кнопки зеленые: IES-файлы, Паспорт PDF, Описание PDF. Вот это все нужно заменить
простым интерфейсом:
Файлы для светильника такого-то...
"Такой-то документ" "и еще такой-то"
"ну и вот такой-то"
Документы эти можно добавлять через Параметры товара. Там должна быть возможность
добавлять документы: «Документ - Его название, написанное вручную.»
- Картинки, которые под основным изображением товара, не нужны. Все эти картинки с
подписями не потребуются, эти параметры указаны в "Характеристиках".
-Заголовок страницы H1 Над картинкой. Текста под ним не будет.
-Кнопка "ЗАКАЗАТЬ" -справа, а не слева.
4). Описание Корзины заказа.
В корзине заказа списком идут товары, которые мы предварительно выбрали, с возможностью их
убрать оттуда.
Ниже справа под товаром подписано: "Общая сумма: ____" - тут выводится общая сумма заказа.
Внизу идет форма (1) оформления заказа:
Имя: ___
Организация: ___
Телефон: ___
Имейл: ___
Комментарий: ___
Город: ___
ЗАКАЗАТЬ (кнопка в приложении)
При отправке данного заказа 1 сообщение уходит на почту магазина, второе - заказчику на
указанный имейл. И данное сообщение падает к админке как "Заказ", можно как в Shopkeeper'e.
Можно проще, но главное, чтобы можно было в админке смотреть, что сделан заказ и вносить в
него правки (как в шопкипере).
5). Описание кнопки - страницы "ВСЕ ВКЛЮЧЕНО"
- Это обычная страница. Сверху контент. Снизу форма (2) отправки заявки. (Это не та же форма, что
в каталоге товара). 1 копия письма уходит к нам на почту, 2 – клиенту.
Имя: ___
Организация: ___
Телефон: ___
Имейл: ___
Комментарий: ___
Город: ___
ОТПРАВИТЬ
II. Дополнительные функции на сайте. (это шагом номер 2)
1). Специальная страница, на которой выводится весь товар табличным способом. Страница
защищена логином/паролем. Или лучше всего вход на нее через ссылку в админке, чтобы
незалогиненый человек на смог ее открыть и увидеть.
- Эта страница представляет из себя список из имен товаров, цен и всех характеристик товаров.
- Есть возможность сохранять изменения на этой странице. После сохранения данные
отправляются на сервер и записываются.
- Сортировка по имени, дате добавления, цене.
Данная таблица служит альтернативной возможностью внесений изменений в товарах. При
регулярных изменениях цен и т.д. неудобно каждый раз вносить изменения через админку сайта
заходя на товар.
- Возможность экспортировать файл эксель специального формата, для внесения массовых
изменений.