Архив: Верстка фильтра согласно ТЗ
Бюджет
33$
/ 2000
руб
в месяц
Создан: 6 лет назад
Закрыт
- Описание
- Необходимо сделать фильтр аналогичный Адидас с некоторыми дополнениями https://www.adidas.ru/obuv-falcon
Макеты представлены отдельными файлами в ПСД послойно
Поведение кнопок/элементов фильтра при наведение и клику описана ниже
1) Компьютерная версия
Фильтр представляет собой плашку белого цвета с разделами. Под ней текстом выбранные настройки фильтра http://prntscr.com/q364nm
Разделы в которых выбраны элементы должны быть жирным шрифтом http://prntscr.com/q3656b
Наводя мышкой на раздел, он заключается в рамку http://prntscr.com/q368yg
Рядом с разделом должна стрелка вниз. Открывая раздел стрелка начинает смотреть вверх http://prntscr.com/q365pv Закрывая раздел стрелка снова смотрит вниз
Нажимая на раздел, открывается список. Список заключен в рамку. http://prntscr.com/q3667z
В списке элементы могут быть чекбоксами http://prntscr.com/q36awm выбранный чекбокс выделен цветом http://prntscr.com/q367rc
Элементы могут быть прямоугольными «чекбоксами» http://prntscr.com/q36b78 Выбранный элемент подсвечивается снизу, как на скриншоте
Элемент может быть ползунком http://prntscr.com/q36bk3 как у адидас
Элемент может быть кнопкой http://prntscr.com/q36cp7
Если список большой, должна быть прокрутка http://prntscr.com/q3681h
Если навести мышкой на элемент, он немного подсвечивается http://prntscr.com/q368bg (если это прямоугольный чекбокс, то он подсвечивается снизу http://prntscr.com/q36c5t
Под разделами находятся выбранные элементы http://prntscr.com/q369pu Слева от элемента находится крестик. Крестик выделяется при наведении на него. Убирая элемент (нажимая на крестик), другие сдвигаются влево.
Рядом надпись «Очистить всё»
2) Планшетная и мобильная версия
В планшетной и мобильной версии фильтр выглядит изначально закрытым. С виду как одна широкая кнопка (на скриншоте две, в макете одна) Справа стрелка, смотрящая вниз http://prntscr.com/q36sf5
Под кнопкой отображаются выбранные элементы, слева от них крестики. Если элементов выбрано болше, чем влезает в экран, то появляется ползунок, позволяющий скролить справо влево/влево. Скролятся только элементы, но не вся страница. http://prntscr.com/q36tdx
При нажатии открывается вот в таком виде http://prntscr.com/q36kn6
Слева область затеняется и сверху крестик для закрытия фильтра
Сверху надпись фильтр несколько отделена от остальных элементов http://prntscr.com/q36lx2
Разделы фильтра отделены друг от друга тонкой линией http://prntscr.com/q36od0
Если в разделе выбранные элементы, то раздел подсвечивается слева http://prntscr.com/q36m67 а названия должны быть выделены жирным. Также, если выбраны элементы, то название раздела пишется немного выше, а выбранные элементы пишется под название раздела через запятую http://prntscr.com/q36nk4
Справа у раздело стоят стрелочки вниз. Нажимая на раздел стрелочка смотрит вверх http://prntscr.com/q36o4e
Элементы также могут быть чекбоксами, прямоугольными чекбоксами, кнопками. Выделяются они также, как в комп версии http://prntscr.com/q36oy9
Проект должен быть сделан на любом сайте/страничке, но с возможностью проверить работу.
- Категория
Похожие проекты
0
0
Нужна разработка сайта (проектирование, дизайн, программирование,тестирование) на CMS «1С-Битрикс», интеграция с системой управления контентом, развертывание и настройка на сервере Заказчика, гарантийная поддержка в течение 3 месяцев. Обращаю ваше внимание, на то что в ТЗ указан способ предоставления......
1 неделя назад
0
0
Ищем специалиста, который имеет опыт в разработке мобильных приложений с использованием фреймворка Expo. В целом задача будет заключаться в отладке сервиса сбора геоданных пользователей внутри приложения, созданного на Expo. Также необходимо проработать функциональность трекинга геолокации пользователя......
2 месяца назад
0
2
0
0
Сайт для просмотра специализированной БД База данных 10000 строк Необходимо: Сохранить структуру и функциональность существующего сайта. Заменить БД на актуальную. Создать инструмент для импорта обновленной БД из файла вручную. Внести корректировки в работу с базой данных (защита от скачивания, пагинация......
6 месяцев назад
0
1
$143
0
3
Oпpocы (1010pyб/чaс) Заходитe на сaйт: gonsù....
10 месяцев назад
$71
0
3
Всем привет! Необходимо разработать лендинг на платформе Salebot. Лендинг будет в стиле визитка для кофейни. Интересует именно данная платформа, так как многие мои услуги сделаны именно там....
1 год назад
0
3
Ищу клиента для создания учебного проекта и оформления портфолио бесплатно или за символическую сумму....
1 год назад
$500
0
9
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
1 год назад
$120
0
7
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
1 год назад
11
5
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
1 год назад
0
9
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
1 год назад
0
4
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
1 год назад
$33
10
2
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
1 год назад
$22
27
4
76
2
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
1 год назад
138
3
Обменник криптовалют ( ТЗ во вложении)....
1 год назад
498
13
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
1 год назад
134
8
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
1 год назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
1 год назад
$111
122
3
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
1 год назад
Перетащите