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


Liya

Регистрация: 14 марта 2017
Offline Активность: 06 апр. 2017 11:18
-----

#259063 Фильтр По Цене Ползунком

Отправлено Mr.Nito на 25 Март 2017 - 20:34

Просмотр сообщенияLiya (25 Март 2017 - 20:18) писал:

Спасибо все получилось, а как убрать старый фильтр по центру?
В шаблоне "Товары" нужно удалить стандартный блок фильтра
с
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
по
	 <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->

Прикрепленные изображения

  • 25-03-2017 20-33-15.jpg



#259061 Фильтр По Цене Ползунком

Отправлено Mr.Nito на 25 Март 2017 - 20:09

Просмотр сообщенияLiya (23 Март 2017 - 21:54) писал:

Здравствуйте, помогите пожалуйста перенести фильтр товаров в вертикальное и разместить его над каталогом, а так же сделать фильтрацию не по самым конечным категориям, а по первым категориям товаров, простите за непонятное объяснение не знаю как правильно описать.
Приведу пример: При входе в каталог идут под разделы, картины по номерам, алмазная вышивка и т.д. нужно чтоб фильтр работал уже на этих категориях товаров
Аккаунт SL-407956
Здравствуйте.
Фильтр работает только в категории с товарами, в категориях он не выводится.

Фильтр перенесите из шаблона "Товары"
	 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
	 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
	 <div class="filters">
		 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
		 <form action="" method="get">
		 <!-- Если есть возможность фильтрации товаров по ценам -->
		 {% IF SHOW_GOODS_PRICE_FILTERS %}
			 <div class="filters-price">
			 <div class="title">Фильтры по ценам</div>
			 <div class="layout-slider">
				 <input id="goods-filter-min-price" class="inputText" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress(this, event);" onpaste="return false;" />
				 <span class="price-separator">-</span>
				 <input id="goods-filter-max-price" class="inputText" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress(this, event);" onpaste="return false;" />
				 <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" />
				 <input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" />
				 <!-- Фильтры по цене -->
				 <div class="goodsFilterPriceRangePointers">
				 <span class="min" style="display:none;">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span>
				 <span class="max" style="display:none;">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span>
				 </div>
				 <div id="goods-filter-price-slider"></div>
				 <div class="goodsFilterPriceSubmit">
				 <button class="button button2" type="submit" title="Показать">Показать</button>
				 </div>
			 </div>
			 </div>
		 {% ENDIF %}
		 <!-- /END Если есть возможность фильтрации товаров по ценам -->
		 <!-- Осноные Фильтры -->
		 <div class="filters-goods">
			 <div class="title">Фильтры по характеристикам и модификациям</div>
			 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
			 {% FOR filter_attr_list %}
			 <div class="filter">
				 <label>{filter_attr_list.NAME}:</label><br />
				 <select class="inputText" onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" 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 %}{% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% 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="inputText" onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" 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 %} {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE}</option>
					 {% ENDFOR %}
				 </select>
			 </div>
			 {% ENDFOR %}
		 </div>
		 <!-- /END Осноные Фильтры -->
		 </form>
	 </div>
	 {% ENDIF %}
	 <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
в шаблон HTML сразу после
		 <!-- /END Меню пользователя ЛК -->
В main.css
замените
/** Фильтры **/
.filters {display: block;float: left;width: 100%;background-color: #fff;border-top: 1px solid #fce3bd;padding: 15px 15px 0;}
на
/** Фильтры **/
.filters {display: block;float: left;width: 100%;background-color: #fff;border: 1px solid #fce3bd;padding: 15px 15px 0;}