Верстка Bootstrap + Select2

Цена договорная • электронные деньги
19 мая 2017, 15:12 • 2 отклика • 67 просмотров
На новой версии сайта Normica - http://new.normica.ru нужно сверстать фильтр подбора АКБ грамотно - см. "podbor.png", чтоб всё хорошо смотрелось, как на исходном шаблоне "Estato" - http://estato.html.themeforest.createit.pl

+ дополнить функционально поля и иконку заменить - см. "car-ico.jpg" в ZIP архиве.
https://yadi.sk/d/2rh7BuXI3Gh7tE - PSD файл исходник где иконка авто, только ее отразить надо по горизонтали чтоб машинка вправо как бы "ехала".



Для информации:
Примеры сайтов реализации полей с "живым" поиском:

1. http://baza.drom.ru/wheel/disc/ (например, можно выбрать сразу два и более значения "Ширина диска" 8 и 9).
На Auto.ru также неплохой фильтр поиска - https://auto.ru/kazan/cars/vaz/all/ но там скорее всего самопис, а не Select2.

2. http://www.евроавто.рф (там где фильтр "Поиск по марке").

3. http://ru-shina.ru у них и поля классно реализованы и иконка "Ваш автомобиль" кастомизированная.

Помимо "Select2" - https://select2.github.io/examples.html я так понял есть и другие решения:
https://harvesthq.github.io/chosen/
https://www.npmjs.com/package/vue-select
надо посмотреть, что лучше/легче по весу и подойдет в Bootstrap.

Но я думаю раз в исходниках шаблона "Estato" уже есть упоминание о подключаемом модуле Select2 - см. "estato-select2.jpg" - надо его по документации попробовать "активировать", чтобы применять на всем сайте и внутр. страницах в том числе - см. "podbor2.png" http://new.normica.ru/katalog/smazki/ колонка слева.

Еще желательно посмотреть можно ли изначальный фон полей формы сделать светлым, как на ru-shina.ru - сейчас он серый не видно ничего. Или может это задается в цветовой теме шаблона.

Напишите пож-ста примерную стоимость, сроки и примеры работ на Bootstrap.
Файлы