Добрый день.
Суть задачи – есть лендинг написанный кодом, нужно либо его доработать по тех.заданию, или взять готовый движок и сделать на нем тоже самое.
Текстовое описание проекта ниже (вошло не полностью), с картинками в приложении.
Работаю только через безопасную сделку.
Требуется доработать met96.ru
В шапке сайт выровнять текст по середине и увеличить шрифт (сейчас он расположен иначе, был рассчитан на 2 строки меню)
1. Рассмотрим на примере раздела "труба":
5 столбиков:
диаметр
стенка
марка стали
ГОСТ, ТУ
добавить в заказ
в каждом разделе на сайте (труба, сетка, проволока) над столбцами сделать возможность выбора данных – для каждой таблицы название колонок для поиска будет разное в каждом разделе (написано ниже).
Логика простая – возможность пользователю быстро в 2-3 клика найти то, что он ищет.
Над картинкой раздела будет доп. фильтр по типам металлопроката.
Каждый вид изделий (труба, проволока, сетка) делятся по типам:
Для труб это:
толстостенная
котельная
газлифтная
крекинговая
При наведении на кнопку выберите тип трубы – фильтр открывается автоматически, не надо нажимать на текст, чтобы его открыть!!!
Приме как фильтр должен работать на сайте –
при наведении на раздел продукция.
Принцип работы фильтра:
cделать чтобы была полная зависимость параметров в столбцах.
У каждого типа изделия (труба, сетка, проволока) есть параметры.
Например для типа "трубы" есть свои параметры.
Фильтр будет отсекать неподходящие позиции, при выборе любого параметра в нем.
Пример, труба 48 стенка 2 сталь 40 ГОСТ 9941-81 (при выборе диаметр 48 – на экране останутся только трубы 48 диаметра, и по аналогии с другими параметрами также)
Дополнительно есть зависимость между параметрами диаметр – стенка – сталь – гост.
Пример, если диаметр трубы 6 мм, то во второй колонке будут только те варианты толщины стенки, которые относятся к диаметру 6 мм – а именно – 0,5мм; 1мм; 1,5мм.
Это важно чтобы сделать защиту от дураков – иначе могут выбрать труба диаметром 6 мм, а стенка 10 мм.
Если выбрали фильтр по марке стали, то показывать только эту сталь.
В колонке – марка стали в каждой строке возможен выбор марки из выпадающего списка.
Все списки формируются из заданных в нем марок стали.
Колонка ГОСТ, ТУ – аналогично.
Пример как это должно работать по ссылке –
Получается у пользователя будет 5 составляющих фильтра в разделе труба.
При выборе любого параметра, все что не относится к нему отсекается, и не показывается в таблице!!!
В 5-м столбце надо поставить кнопку "добавить к заказу" где будет иконка корзина в каждой строчке.
При клике на кнопку сброс – все параметры фильтра возвращаются в положение "все" – это базовое положение фильтра (кроме "выберите тип трубы" – у него тоже по умолчанию стоит фильтр на раздел "все" – но надпись обозначается, как "выберите тип трубы")
При клике на кнопку "добавить к заказу" появляется всплывающее окно, в котором
выбрана указанная позиция, а именно труба 30 мм стенка 2 мм сталь 12Х18Н10Т и ГОСТ (ТУ) – данная надпись собирается из параметров строки которую выбрал пользователь
ниже поле количество с выбором кг или метры,
ниже окно "текст" с пояснением – Если у Вас несколько позиций, вы можете выбрать их на нашем сайте и аналогично добавить к заказу.
После добавления первой позиции на экране появляется иконка корзины.
Думаю что можно разместить иконку в основном меню левее телефона –
При клике на кнопку "продолжить", пользователь возвращается на текущий экран и продолжает поиск нужных позиций.
При клике на кнопку "оформить заказ" – переходит на страницу "корзина"