Перейти к содержимому


Заменить Вид Фильтра Со Списка На Ползунок "от - До"


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 bazilevs

bazilevs

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 10 Февраль 2016 - 18:04

Есть потребность для некоторых характеристик заменить фильтр в виде выпадающего списка значений на ползунок "от - до", как это сделано в фильтре по ценам.

В частности для нашего магазина это характеристики Емкость и Ток холодного пуска.

Как это можно сделать?

#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 10 Февраль 2016 - 18:08

Просмотр сообщенияbazilevs (10 Февраль 2016 - 18:04) писал:

Есть потребность для некоторых характеристик заменить фильтр в виде выпадающего списка значений на ползунок "от - до", как это сделано в фильтре по ценам.

В частности для нашего магазина это характеристики Емкость и Ток холодного пуска.

Как это можно сделать?

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

#3 bazilevs

bazilevs

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 10 Февраль 2016 - 18:38

Это в принципе невозможно? или возможно сделать в будущем? Ведь для цены можно задавать диапазон. Просто для нашего случая это очень принципиальный момент.
И что такое списком "раскрытым по умолчанию"?

#4 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 10 Февраль 2016 - 18:50

Просмотр сообщенияbazilevs (10 Февраль 2016 - 18:38) писал:

Это в принципе невозможно? или возможно сделать в будущем? Ведь для цены можно задавать диапазон. Просто для нашего случая это очень принципиальный момент.
И что такое списком "раскрытым по умолчанию"?

Дело в том, что цена это числовая величина, а характеристика может содержать любые символы, с теми возможностями которые есть сейчас ползунок поставить нельзя, а в будущем данную доработку делает невозможным вышеприведенный фактор.
Это те же самые пункты как у Вас, только не выпадающем списком, а уже раскрытым, когда покупатель сможет поставить галочку напротив нужных свойств и применить фильтр.

#5 bazilevs

bazilevs

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 11 Февраль 2016 - 15:10

Спасибо.
Как можно реализовать второй вариант (с галочками)? Желательно чтобы это было компактно, т.к. числовых значений для этих двух характеристик у нас много и не хочется чтобы модуль "Фильтры" бесконечно растянулся по вертикали.

#6 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 11 Февраль 2016 - 16:20

Просмотр сообщенияbazilevs (11 Февраль 2016 - 15:10) писал:

Спасибо.
Как можно реализовать второй вариант (с галочками)? Желательно чтобы это было компактно, т.к. числовых значений для этих двух характеристик у нас много и не хочется чтобы модуль "Фильтры" бесконечно растянулся по вертикали.
Здравствуйте, найдите в шаблоне hTML
{% FOR filter_attr_list %}
						  <div class="filter">
							{filter_attr_list.NAME}:<br />
							  <select class="form-control" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
								<option> - все - </option>
								{% FOR values %}
								  <option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_attr_list.values.VALUE}</option>
								{% ENDFOR %}
							  </select>
						  </div>
						{% ENDFOR %}
						<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
						{% FOR filter_prop_list %}
						  <div class="filter">
							{filter_prop_list.NAME}:<br />
							  <select class="form-control" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
								<option> - все - </option>
								{% FOR values %}
								  <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option>
								{% ENDFOR %}
							  </select>
						  </div>
						{% ENDFOR %}
					  </form>
					</div>
				  </div>
				  {% ENDIF %}
замените на

  {% FOR filter_attr_list %}
						  <div class="filt_spoiler">
						 <em style="cursor: pointer;">{filter_attr_list.NAME}<i class="arrow-icon arrow-icon-open"></i></em>
						 <div class="contentTbodySearchFilterBlock"  >
						  
							  {% FOR values %}
							   <input type="checkbox" class="checkboxfilter" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
							   <label for="filterPropVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br />
							   
							  {% ENDFOR %}
							</div> </div>
							<br/>
						{% ENDFOR %}
						<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
						{% FOR filter_prop_list %}
						<div class="filt_spoiler">
						  <em>{filter_prop_list.NAME}</em>
												<div class="contentTbodySearchFilterBlock">
												{% FOR values %}
												  <input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} >
												  <label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE}</label><br />
												{% ENDFOR %}
												</div></div>
						{% ENDFOR %}
					  </form>
					</div>
				   
				   
<style>.contentTbodySearchFilterBlock{display:none;}</style>
					  <script>
					  $(document).ready(function() {
					  $('.filt_spoiler em').click(function(){

	if ($(this).hasClass('active')) {
	 $(this).parent().children('.contentTbodySearchFilterBlock').slideUp();
	  $(this).removeClass('active');
	 
	} else {
	  $(this).parent().children('.contentTbodySearchFilterBlock').slideDown();
$(this).addClass('active');
	}
					  });
					  });
		  </script>
				  </div>
				  {% ENDIF %}


#7 bazilevs

bazilevs

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 03 Март 2016 - 15:31

Идея очень понравилась, но не работает:

1. Хотелось бы чтобы надписи были в стиле шаблона - не курсив. Плюс хотелось бы какой-то знак, чтобы посетитель понимал, что нужно ткнуть на надпись чтобы раскрыть список

2. Ну и самое основное - не дает поставить галочки




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных