Макеты обновлены, все слои расчесаны
И ТЗ описано русским языком.
Макет представляет из себя связку файлов – смарт объектов.
Макет должен тянуться нормально, без наплываний и пересечений
Шапка сайта состоит из 3 блоков: логотип, меню: продают/покупают, правое меню пользователя. Центральное меню всегда посредине между крайними блоками.
Если при уменьшении ширины блоки упираются друг в друга, то уменьшается размер шрифта пунктов и логотип уменьшается.
В правом блоке показан активный пункт "Мои покупки", "Визитница" будет выделяться так же при активации. Флажок избранного в активном состоянии становится красным(элемент в скрытом слое шапки).
Поле фильтра делать не надо, вставить в виде картинки.
По умолчанию при открытии страницы во второй колонке(справа от списка товаров) отображается блок "Главная страница"(есть одноименный слой в макете). На этой странице можно листать товары. А после активации(клика) товаров отображается информация по товару и фирме.
Фоновое изображение под полем подбора сделать в виде паралакс эффекта при прокрутке страницы.
Скроллинг шапки/фильтра и левой колонки один – скролл главной страницы. Прайс и мегачат имеют свои скроллы.
На макете в виде 2 горизонтальных направляющих показана граница меню, которое прилипнет к верху экрана при прокрутке. При этом вторая колонка(прайс) и третья(чат) будут иметь 100% высоты по вертикали: сверху от прилепленого меню и до низа страницы.
Справа от заголовка "В продаже" выводится в прямоугольнике количество выбранных фильтров !только в прилепленом меню, и крестик который сбрасывает фильтры. Тогда этот прямоугольник исчезает.
Выбор товара(клик на товар):
Под полем фильтра страница разделена на 3 колонки:
1. список товаров
2. информация по товару(реквизиты, прайс и пр.)
3. чат.
При клике на товар Выполняется проверка на условие, от которого зависит отображение чата:
1. Если страница больше, чем 1200 пкс, то чат выводится в третьей колонке.
2. Если страница менее 1200 пкс. то появляется "Написать через МЕГАЧАТ", кнопкой будет включаться/выключаться чат (во второй колонке).
т.о. "контакты" и "прайс" переключаются и отображаются во второй колонке всегда. А чат отображается либо в третьей, либо во второй(вместе с "контакты" и "прайс") в зависимости от ширины монитора и работает вкл/выкл.
При наведении на товар он подсвечивается прямоугольником и активируется кликом на !название товара. При наведении на фотку товара она увеличивается в попапе в 180 пкс. Увеличение происходит только при наведении курсора на миниатюру, а не на увеличенное изображение. Это что бы не уводить далеко курсор, что бы свернуть увеличение.
Фоновое изображение под блоком фильтра: это будет фотка. При прокрутке параллакс эффект. Если меню сайта прилипло к верху страницы, то фон статический.