Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Проблема Работы Филтров!

Автор grappp, 19 сент. 2014 13:03

Назад

Авторизуйтесь для ответа в теме

Сообщений в теме: 35

#21 bot

Продвинутый пользователь

Пользователи
142 сообщений

Отправлено 22 Ноябрь 2014 - 13:40

Yasin (22 Ноябрь 2014 - 00:26) писал:

ничего не изменилось
нужно чтобы фильтр быть как здесь

Vaccina (22 Ноябрь 2014 - 02:29) писал:

работа тут поэтапная, мы пока перенесли структуру фильтров над каталогом, похожа она не должна быть, теперь необходимо реализовать фильтр по хар-кам и модификациям выпадающим по сл.теме:
http://forum.storela...ьтра/#entry8434

подскажите хотя бы как уменьшить размер сортировки по цене и чуть поднять фильтр

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

Наверх

#22 shnafix

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

Модератоpы
506 сообщений

Отправлено 22 Ноябрь 2014 - 17:16

Yasin (22 Ноябрь 2014 - 13:40) писал:

подскажите хотя бы как уменьшить размер сортировки по цене и чуть поднять фильтр

1. Чтобы поднять фильтр в Редакторе шаблонов - Товары найдите строку

<form action="" method="get" >

и добавьте в нее

style="margin-top: -6px;"

, где значение параметра можете подрегулировать по своему удобству.
2. Уменьшить размер сортировки, Вы имеете в виду по ширине?
Для этого там рядом

<ul class="filter">

перед закрытием тега вставьте

style="width: 64%;
	  margin: auto;"

, где значение Вы так же можете подобрать самостоятельно.

Наверх

#23 bot

Продвинутый пользователь

Пользователи
142 сообщений

Отправлено 23 Ноябрь 2014 - 01:00

Скажите пожалуйста, как я могу перенести фильтры в указанные места?
Аккаунт SL-311355

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

Наверх

#24 Danil

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

Пользователи
4 645 сообщений

Отправлено 23 Ноябрь 2014 - 09:18

Yasin (23 Ноябрь 2014 - 01:00) писал:

Скажите пожалуйста, как я могу перенести фильтры в указанные места?
Аккаунт SL-311355

Здравствуйте.
Изменения произведены, проверьте пожалуйста.

Наверх

#25 bot

Продвинутый пользователь

Пользователи
142 сообщений

Отправлено 23 Ноябрь 2014 - 09:41

Danil (23 Ноябрь 2014 - 09:18) писал:

Здравствуйте.
Изменения произведены, проверьте пожалуйста.

получилось. спасибо огромное

Наверх

#26 forester

Продвинутый пользователь

Пользователи
155 сообщений

Отправлено 10 Август 2015 - 13:14

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

Наверх

#27 Danil

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

Пользователи
4 645 сообщений

Отправлено 10 Август 2015 - 13:53

forester (10 Август 2015 - 13:14) писал:

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

Здравствуйте.
В шаблоне html найдите код и удалите код

Скрытый текст

<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
{% IF TARIFF_FEATURE_GOODS_FILTERS %}
	 <!-- Форма фильтрации отправляет всегда на ту же страницу, на которой находится пользователь -->
	 <form action="" method="get">
	 <!-- Если есть возможность фильтрации товаров по ценам -->
	 {% IF SHOW_GOODS_PRICE_FILTERS %}
		 <div class="block">
		 <div class="blocktitle bluesmall">
			 Цена
		 </div>
		 <div class="blockmain fnt12n">
			 <ul class="filter">
			 <div class="contentTbodySearchPriceFilterBlock cornerAll txtalgncnt">
				 <!-- Фильтры по цене -->
				 <div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
				 <div id="goods-filter-price-slider"></div>
				 <div class="goodsFilterPriceInfo">
				 от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
				 до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
				 </div>
				 <div class="goodsFilterPriceSubmit">
				 <button class="whtblue fnt12n" type="submit">Показать</button>
				 </div>
			 </div>
			 </ul>
		 </div>
		 <div class="blockbottom"></div>
		 </div>
	 {% ENDIF %}
	 <!-- END Если есть возможность фильтрации товаров по ценам -->
	 <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
	 {% IF SHOW_GOODS_FILTERS %}
	 <div class="block">
		 <div class="blocktitle bluesmall">
		 Фильтры
		 </div>
		 <div class="blockmain fnt12n">
		 <ul class="filter">
			 <div class="contentTbodySearchFilterBlock cornerAll">
			 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
			 {% FOR filter_attr_list %}
				 <span class="fnt12b color contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
				 <div class="fnt11i contentTbodySearchFilterBlockValues">
				 {% FOR values %}
					 <input type="checkbox" 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_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
					 <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} {% IF filter_attr_list.values.NB_GOODS_FILTERED > 0 %}({filter_attr_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label><br />
				 {% ENDFOR %}
				 </div>
			 {% ENDFOR %}
			 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
			 {% FOR filter_prop_list %}
				 <span class="fnt12b color contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
				 <div class="fnt11i contentTbodySearchFilterBlockValues">
				 {% 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"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} >
					 <label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} {% IF filter_prop_list.values.NB_GOODS_FILTERED > 0 %}({filter_prop_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label><br />
				 {% ENDFOR %}
				 </div>
			 {% ENDFOR %}
			 </div>
		 </ul>
		 </div>
		 <div class="blockbottom"></div>
	 </div>
	 {% ENDIF %}
	 </form>
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

В шаблоне Товары найдите строку

<!-- Фильтры показываются только если есть товары в категории -->

и перед ней, вставьте

<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
{% IF TARIFF_FEATURE_GOODS_FILTERS %}
	 <!-- Форма фильтрации отправляет всегда на ту же страницу, на которой находится пользователь -->
	 <form action="" method="get">
	 <!-- Если есть возможность фильтрации товаров по ценам -->
	 {% IF SHOW_GOODS_PRICE_FILTERS %}
		 <div class="block">
		 <div class="blocktitle bluesmall">
			 Цена
		 </div>
		 <div class="blockmain fnt12n">
			 <ul class="filter">
			 <div class="contentTbodySearchPriceFilterBlock cornerAll txtalgncnt">
				 <!-- Фильтры по цене -->
				 <div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
				 <div id="goods-filter-price-slider"></div>
				 <div class="goodsFilterPriceInfo">
				 от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
				 до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
				 </div>
				 <div class="goodsFilterPriceSubmit">
				 <button class="whtblue fnt12n" type="submit">Показать</button>
				 </div>
			 </div>
			 </ul>
		 </div>
		 <div class="blockbottom"></div>
		 </div>
	 {% ENDIF %}
	 <!-- END Если есть возможность фильтрации товаров по ценам -->
	 <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
	 {% IF SHOW_GOODS_FILTERS %}
	 <div class="block">
		 <div class="blocktitle bluesmall">
		 Фильтры
		 </div>
		 <div class="blockmain fnt12n">
		 <ul class="filter">
			 <div class="contentTbodySearchFilterBlock cornerAll">
			 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
			 {% FOR filter_attr_list %}
			 <div style="float:left;">
				 <span class="fnt12b color contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
				 <div class="fnt11i contentTbodySearchFilterBlockValues">
				 {% FOR values %}
					 <input type="checkbox" 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_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
					 <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} {% IF filter_attr_list.values.NB_GOODS_FILTERED > 0 %}({filter_attr_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label><br />
				 {% ENDFOR %}
				 </div>
				 </div>
			 {% ENDFOR %}
			 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
			 {% FOR filter_prop_list %}
			 <div style="float:left;">
				 <span class="fnt12b color contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
				 <div class="fnt11i contentTbodySearchFilterBlockValues">
				 {% 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"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} >
					 <label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} {% IF filter_prop_list.values.NB_GOODS_FILTERED > 0 %}({filter_prop_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label><br />
				 {% ENDFOR %}
				 </div>
				 </div>
			 {% ENDFOR %}
			 </div>
		 </ul>
		 </div>
		 <div class="blockbottom"></div>
	 </div>
	 {% ENDIF %}
	 </form>
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

В main.css найдите

#left .goodsFilterPriceRangePointers {
height: 16px;
font-size: 0.9em;
color: #CCC;
width: 100%;
overflow: visible;
}

#left .contentTbodySearchPriceFilterBlock {
padding: 0 1em 0 1.4em;
text-align: center;
}

#left .goodsFilterPriceRangePointers .min {
float: left;
margin-left: -7px;
}

#left .goodsFilterPriceRangePointers .max {
float: right;
margin-right: -8px;
}

#left .block .blockmain ul.filter {
padding: 2px 10px;
}

и во всех найденных кодах удалите #left

Наверх

#28 forester

Продвинутый пользователь

Пользователи
155 сообщений

Отправлено 10 Август 2015 - 14:00

Сделано....

Наверх

#29 Danil

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

Пользователи
4 645 сообщений

Отправлено 10 Август 2015 - 14:19

forester (10 Август 2015 - 14:00) писал:

Сделано....

В main.css найдите код

#content .cort {
	padding: 0px 10px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
}

и замените на

div#cntrobj div#content > form {
	margin: 10px 0px 10px 0px;
	display: block;
	overflow: hidden;
}
#content .cort {
	padding: 0px 10px;
	position: relative;
	margin-bottom: -10px;
}

Наверх

#30 forester

Продвинутый пользователь

Пользователи
155 сообщений

Отправлено 10 Август 2015 - 14:21

Сделано....

Наверх

#31 Danil

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

Пользователи
4 645 сообщений

Отправлено 10 Август 2015 - 14:26

forester (10 Август 2015 - 14:21) писал:

Сделано....

Теперь фильтры отображаются над сортировкой, пришлите скриншот с дальнейшими изменениями.

Наверх

#32 forester

Продвинутый пользователь

Пользователи
155 сообщений

Отправлено 10 Август 2015 - 14:34

Если можно, продолжим... ))

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

Наверх

#33 Danil

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

Пользователи
4 645 сообщений

Отправлено 10 Август 2015 - 14:45

forester (10 Август 2015 - 14:34) писал:

Если можно, продолжим... ))

В шаблоне Товары найдите и удалите код

<!-- Если есть возможность фильтрации товаров по ценам -->
			 {% IF SHOW_GOODS_PRICE_FILTERS %}
				 <div class="block">
					 <div class="blocktitle bluesmall">
						 Цена
					 </div>
					 <div class="blockmain fnt12n">
						 <ul class="filter">
							 <div class="contentTbodySearchPriceFilterBlock cornerAll txtalgncnt">
								 <!-- Фильтры по цене -->
								 <div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
								 <div id="goods-filter-price-slider"></div>
								 <div class="goodsFilterPriceInfo">
									 от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
									 до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
								 </div>
								 <div class="goodsFilterPriceSubmit">
									 <button class="whtblue fnt12n" type="submit">Показать</button>
								 </div>
							 </div>
						 </ul>
					 </div>
					 <div class="blockbottom"></div>
				 </div>
			 {% ENDIF %}
			 <!-- END Если есть возможность фильтрации товаров по ценам -->

Так же найдите код

<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
{% IF SHOW_GOODS_FILTERS %}
<div class="block">
<div class="blocktitle bluesmall">
Фильтры
</div>
<div class="blockmain fnt12n">
<ul class="filter">
<div class="contentTbodySearchFilterBlock cornerAll">
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
{% FOR filter_attr_list %}
<div style="float:left;">
<span class="fnt12b color contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
<div class="fnt11i contentTbodySearchFilterBlockValues">
{% FOR values %}
<input type="checkbox" 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_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
<label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} {% IF filter_attr_list.values.NB_GOODS_FILTERED > 0 %}({filter_attr_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label><br />
{% ENDFOR %}
</div>
</div>
{% ENDFOR %}
<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
{% FOR filter_prop_list %}
<div style="float:left;">
<span class="fnt12b color contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
<div class="fnt11i contentTbodySearchFilterBlockValues">
{% 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"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} >
<label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} {% IF filter_prop_list.values.NB_GOODS_FILTERED > 0 %}({filter_prop_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label><br />
{% ENDFOR %}
</div>
</div>
{% ENDFOR %}
</div>
</ul>
</div>
<div class="blockbottom"></div>
</div>
{% ENDIF %}

и замените на

<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
			 {% IF SHOW_GOODS_FILTERS %}
			 <div class="block">
				 <div class="blocktitle bluesmall">
					 Фильтры
				 </div>
				 <div class="blockmain fnt12n">
					 <ul class="filter">
						 <div class="contentTbodySearchFilterBlock cornerAll">
							 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
							 {% FOR filter_attr_list %}
							 <div style="float:left;">
								 <span class="fnt12b color contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
											 <select onchange="$(this).attr('name', $(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 %}>{filter_attr_list.values.VALUE}</option>
												 {% ENDFOR %}
											 </select>
								 </div>
							 {% ENDFOR %}
							 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
							 {% FOR filter_prop_list %}
							 <div style="float:left;">
								 <span class="fnt12b color contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
											 <select onchange="$(this).attr('name', $(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 %}>{filter_attr_list.values.VALUE}</option>
												 {% ENDFOR %}
											 </select>
								 </div>
							 {% ENDFOR %}
						 </div>
					 </ul>
				 </div>
				 <div class="blockbottom"></div>
			 </div>
			 {% ENDIF %}

В конец main.css добавьте

.contentTbodySearchFilterBlock.cornerAll select {
display: block;
margin-top: 10px;
}

Наверх

#34 forester

Продвинутый пользователь

Пользователи
155 сообщений

Отправлено 10 Август 2015 - 14:57

Еще чуть чуть

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

Наверх

#35 Danil

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

Пользователи
4 645 сообщений

Отправлено 10 Август 2015 - 15:03

forester (10 Август 2015 - 14:57) писал:

Еще чуть чуть

В конец main.css добавьте

span.fnt12b.color.contentTbodySearchFilterBlockHeader {
	border: 1px solid #FF0;
	padding: 5px;
	color:#F00;
}
.contentTbodySearchFilterBlock.cornerAll > div {
	float: left;
	margin: 10px 10px 9px 0px;
}