Фильтр по товарам: как такой свертстать

[Светлана Г.]

Здравствуйте!

Нужно сверстать фильтр по параметрам.

 

Этот возможно сверстать в виде <select> ?

 

 

Как стилизовать эти checkbox?

 

[npofopr]

Дак ведь погуглите. 100500 вариантов уже.

Хотя бы:

http://dimox.github.io/jQueryFormStyler/demo/#checkbox

Тут вроде что то было http://ivaynberg.github.io/select2/select2-latest.html

Где то даже встречал как раз готовый такой.

 

И надо ли тут select? Мне кажется обычный выпадающий блок с чекбосками.

[Galaxy]

селекты средствами css нельзя стилизовать как вам надо, надо сделать кастомный селект(js'ом).
Кастомные css чекбоксы - в интернете полно информации хотя б  вот http://habrahabr.ru/post/154719/

[Светлана Г.]

Дак ведь погуглите. 100500 вариантов уже.

Хотя бы:

http://dimox.github.io/jQueryFormStyler/demo/#checkbox

Тут вроде что то было http://ivaynberg.github.io/select2/select2-latest.html

Где то даже встречал как раз готовый такой.

 

И надо ли тут select? Мне кажется обычный выпадающий блок с чекбосками.

 

Если делать checkbox, то как быть со значением "Во всех разделах" ?

[rus]

Если делать checkbox, то как быть со значением "Во всех разделах" ?

if (не выбран ни один чекбокс) {

  скрытый input type="hidden" куда через getElementById передавать значение с "Во всех разделах"

}

[npofopr]

А если выбрано несколько, то что должно отображаться вместо "Во всех разделах"?) Поинтересуйтесь у дизайнера.

[Jey Val Star]

А если выбрано несколько, то что должно отображаться вместо "Во всех разделах"?) Поинтересуйтесь у дизайнера.

Пардон: а дизайнер откуда знает?)))

Edited December 22, 2014 by Jey Val Star

[rus]

Пардон: а дизайнер откуда знает?)))

дизайнер рисует и он должен знать, а если в чем-то сомневается, то думаю не трудно будет проконсультироваться у специалиста в данном вопросе.

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

[Светлана Г.]

Выяснилось, что это выпадающий список с чекбоксами.

[Jey Val Star]

Пардон: а дизайнер откуда знает?)))

дизайнер рисует и он должен знать, а если в чем-то сомневается, то думаю не трудно будет проконсультироваться у специалиста в данном вопросе.

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

Значит мне не повезло в жизни - дизайнеры неправильные попадались.

"А что выводить в этом случае?" - "А я откуда знаю?"(ответ дизайнера)

[Светлана Г.]

Стилизовать select все-таки придется. Нашла подобные стилизованные фильтры здесь: http://themeforest.net/item/xtreme-sports-club-html-template/full_screen_preview/9525637

 

Теперь осталось разобраться, как это работает. Сначала создается select, затем он скрывается. Создается список с дублирующими значениями.

А дальше не понятно.

[Galaxy]

Делается скрытый инпут и в него передается значение

[npofopr]

Стилизовать select все-таки придется.

А кто вам это сказал? Просто зачастую некоторые не понимают разницы селекта и выпадающего блока. Для них это равнозначно.

 

Я раньше с помощью http://www.xiper.net/collect/html-and-css-tricks/verstka-form/nice-select-jquery.html делал. Оно позволяет внутрь option запихнуть что нибудь.

Но там, если что, надо в камментах смотреть, есть fix этого плагина, какая то ошибка выдавалась у меня, когда делал.

Правда это всё было года 2-3 назад. Сейчас наверно что то лучше есть. 

[Светлана Г.]

Обсудили с программистом данную ситуацию. Выяснилось, что поскольку сайт будет на WP, будем применять плагин MDTF для фильтрации. А вот такой принцип стилизации <select>, когда скрывается <select> и дублируется с помощью <div>, <ul>, <a>, и использует этот плагин.

[npofopr]

Да они все дублируют. С советских времен все плагины по одному принципу работают, хотя может что-то и изменилось, но вроде не видел)

Ну ладно, приятных мучений вам) Попробуйте еще просто по гитхабу, по поиску пройтись, возможно ещё какие нибудь плагины найдете. 

[Светлана Г.]

Да они все дублируют. С советских времен все плагины по одному принципу работают, хотя может что-то и изменилось, но вроде не видел)

Ну ладно, приятных мучений вам) Попробуйте еще просто по гитхабу, по поиску пройтись, возможно ещё какие нибудь плагины найдете. 

Да, спасибо! . Попробуем. Тогда напишу о своих мучениях - может, кому-то пригодится.