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


Три Товара В Ряд

Автор ARGO, 14 июня 2018 12:20

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

#1 ARGO

ARGO

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

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

Отправлено 14 Июнь 2018 - 12:20

Здравствуйте! как мне сделать чтобы для версии  PC сайта отображалось минимум три товара в ряд?

#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 16 Июнь 2018 - 10:58

Просмотр сообщенияARGO (14 Июнь 2018 - 12:20) писал:

Здравствуйте! как мне сделать чтобы для версии  PC сайта отображалось минимум три товара в ряд?

Здравствуйте.
Уменьшил размер изображений в разделе Настройки - Основные для категорий и средних изображений товаров до 200px. В зависимости от этого плиток будет помещаться больше.

#3 ARGO

ARGO

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

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

Отправлено 18 Июнь 2018 - 12:10

Просмотр сообщенияFirefly (16 Июнь 2018 - 10:58) писал:

Здравствуйте.
Уменьшил размер изображений в разделе Настройки - Основные для категорий и средних изображений товаров до 200px. В зависимости от этого плиток будет помещаться больше.
Размер изображений то уменьшился, но ведь они (картинки) в блоке вставлены сам блок то остался не изменным, картинку то хоть 10/10 можно сделать блок останеться на месте. или я не прав? слева от товаров очень много места свободного даже если смореть с больих разрешений и по три или четыре товара в ряд а слева между меню и карточками товаров большой пробел., может его можно сократить?

#4 ARGO

ARGO

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

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

Отправлено 18 Июнь 2018 - 12:22

Просмотр сообщенияFirefly (16 Июнь 2018 - 10:58) писал:

Здравствуйте.
Уменьшил размер изображений в разделе Настройки - Основные для категорий и средних изображений товаров до 200px. В зависимости от этого плиток будет помещаться больше.
Большая просьба не вносить изменений самостоятельно! напишите где и что и мы сделаем это сами спасибо!

#5 Ирина345

Ирина345

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

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

Отправлено 19 Июнь 2018 - 09:59

Просмотр сообщенияARGO (18 Июнь 2018 - 12:22) писал:

Большая просьба не вносить изменений самостоятельно! напишите где и что и мы сделаем это сами спасибо!
Здравствуйте, на данный момент в каталоге, товары располагаются по три товара в ряд.
Если Вы их хотите чуть увеличить, что бы уменьшить расстояние, то измените в разделе Настройки-Основные, значение поля "Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории" с 200 на 250.

#6 ARGO

ARGO

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

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

Отправлено 20 Июнь 2018 - 10:07

Просмотр сообщенияИрина345 (19 Июнь 2018 - 09:59) писал:

Здравствуйте, на данный момент в каталоге, товары располагаются по три товара в ряд.
Если Вы их хотите чуть увеличить, что бы уменьшить расстояние, то измените в разделе Настройки-Основные, значение поля "Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории" с 200 на 250.
Спасибо, но при разрешении экрана 1366*768 идет по два товара в ряд :( можно же и по четыре пять в ряд ну попробовать. спасибо!

Просмотр сообщенияИрина345 (19 Июнь 2018 - 09:59) писал:

Здравствуйте, на данный момент в каталоге, товары располагаются по три товара в ряд.
Если Вы их хотите чуть увеличить, что бы уменьшить расстояние, то измените в разделе Настройки-Основные, значение поля "Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории" с 200 на 250.
ой пардон видимо кэш . сейчас стало по три в ряд!

#7 ARGO

ARGO

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

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

Отправлено 20 Июнь 2018 - 10:13

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

#8 Ирина345

Ирина345

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

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

Отправлено 20 Июнь 2018 - 16:44

Просмотр сообщенияARGO (20 Июнь 2018 - 10:13) писал:

Уважаемые! еще один вопрос. сейчас в разделе постельного белья стоят фильтры по характеристикам (ткань, размер и т.д.), но неудобно что после выбора любого поля страница сразу обновляется. Было бы гораздо удобней что человек сначала выбирает нужные ему параметры фильтра, а потом нажимает показать, по этому принципу почти везде и организованы фильтры, хочется не отставать. Заранее спасибо!
Здравствуйте, что бы реализовать данный вариант отображения фильтров, придется поменять внешний вид фильтров на радио кнопки.
Пример реализации здесь.
Вам такой вариант подходит.

#9 ARGO

ARGO

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

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

Отправлено 21 Июнь 2018 - 12:41

Просмотр сообщенияИрина345 (20 Июнь 2018 - 16:44) писал:

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

#10 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 22 Июнь 2018 - 06:39

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
				 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
				 <div class="block-sidebar filters">
		 <div class="catwrp">
			 <div class="catalogheader theme-color">Фильтры</div>
		 </div>
			 <div class="block-content">
		 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
		 <form action="" method="get"> <!-- ПРОВЕРИТЬ -->
			 <!-- Если есть возможность фильтрации товаров по ценам -->
			 {% IF SHOW_GOODS_PRICE_FILTERS %}
			 <div class="filter pricefilter">
				 <div>
				 <span>Цена:</span>
				 <input id="goods-filter-min-price" type="text" class="inputText" 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" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
				 <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="contentTbodySearchPriceFilterBlock">
					 <!-- Фильтры по цене -->
					 <div class="goodsFilterPriceRangePointers"><span class="theme-color min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="theme-color max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div>
					 <div id="goods-filter-price-slider"></div>
					 <div class="goodsFilterPriceSubmit">
					 <input class="button theme-color" type="submit" value="Показать" />
					 </div>
				 </div>
				 </div>
			 </div>
			 {% ENDIF %}
			 <!-- END Если есть возможность фильтрации товаров по ценам -->
		 </form>

				 {% IF CATEGORY_NAME=Одеяла || CATEGORY_NAME=Бязь || CATEGORY_NAME=Биоматин || CATEGORY_NAME=Поплин || CATEGORY_NAME=Перкаль || CATEGORY_NAME=Сатин || CATEGORY_NAME=Сатин в подарочной упаковке || CATEGORY_NAME=Сатин-Жаккард || CATEGORY_NAME=Сатин 3D %}
				 <form action="" method="get"> <!-- ПРОВЕРИТЬ -->
						 <div class="filter">
						 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
						 <div class="filter-block">				
						 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
						 {% FOR filter_attr_list %}
								 <div class="filter table">
								 {filter_attr_list.NAME}:<br />
								 <select 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 %}>{filter_attr_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}
						 </div>
						 <div class="clear"></div>
						 <div class="filter-block">		
						 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
						 {% FOR filter_prop_list %}
								 <div class="filter table">
								 {filter_prop_list.NAME}:<br />
								 <select 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 %}>{filter_prop_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}		
						 </div>
						 {% ENDIF %}
						 <div class="clear"></div>
				 </div>
				 </form>
				 {% ENDIF %}

			 </div>
			 </div>
			 {% ENDIF %}

далее зайдите в шаблон Товары - найдите:
					 {% IF CATEGORY_NAME=Постельное белье || CATEGORY_NAME=Постельное белье в кроватку || CATEGORY_NAME=Постельное белье 1.5 спальное %}
				 <form action="#filt_items" method="get"> <!-- ПРОВЕРИТЬ -->
												 <div class="filter">
												 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
						 <div class="filter-block">				
						 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
						 {% FOR filter_attr_list %}
								 <div class="filter table">
								 {filter_attr_list.NAME}:<br />
								 <select 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 %}>{filter_attr_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}
						 </div>
						 <div class="clear"></div>
						 <div class="filter-block">		
						 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
						 {% FOR filter_prop_list %}
								 <div class="filter table">
								 {filter_prop_list.NAME}:<br />
								 <select 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 %}>{filter_prop_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}		
						 </div>
						 {% ENDIF %}
						 <div class="clear"></div>
				 </div>
				 </form>
				 {% ENDIF %}


замените на:
	 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
	 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
	 <div class="block-sidebar filters">
	 <div class="block-content">
		 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
		 <form action="" method="get"> <!-- ПРОВЕРИТЬ -->
			 <!-- Если есть возможность фильтрации товаров по ценам -->
			 {% IF SHOW_GOODS_PRICE_FILTERS %}
			 <div class="filter pricefilter">
				 <div>
				 <span>Цена:</span>
				 <input id="goods-filter-min-price" type="text" class="inputText" 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" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
				 <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="contentTbodySearchPriceFilterBlock">
					 <!-- Фильтры по цене -->
					 <div class="goodsFilterPriceRangePointers"><span class="theme-color min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="theme-color max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div>
					 <div id="goods-filter-price-slider"></div>
					 <div class="goodsFilterPriceSubmit">
					 <input class="button theme-color" type="submit" value="Показать" />
					 </div>
				 </div>
				 </div>
			 </div>
			 {% ENDIF %}
			 <!-- END Если есть возможность фильтрации товаров по ценам -->
			 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
				 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
				 {% FOR filter_attr_list %}
				 <div class="filter">
					 <h5>{filter_attr_list.NAME}:</h5>
					 <div class="inputs">
					 {% FOR values %}
					 <input value="1" type="checkbox" name="form[filter][prop][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_attr_list.values.VALUE}<br/>
					 {% ENDFOR %}
					 </div>
				 </div>
				 {% ENDFOR %}
				 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
				 {% FOR filter_prop_list %}
				 <div class="filter">
					 <h5>{filter_prop_list.NAME}:</h5>
					 <div class="inputs">
					 {% FOR values %}
					 <input value="1" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_prop_list.values.VALUE}<br/>
					 {% ENDFOR %}
					 </div>
				 </div>
				 {% ENDFOR %}
				 <input class="button theme-color" type="submit" value="Применить фильтр" />
				 <div class="clear"></div>
			 </form>
			 </div>
			 </div>
			 {% ENDIF %}

далее зайдите в main.css - найдите и удалите:
.filter-block{text-align:left;margin-bottom:10px;}
.filter.table {
	 float: left;
	 font-size: 18px;
	 color: #FFFFFF;
	 margin: 5px 1.5%;
	 background: #498166;
	 border: 1px solid #3cb868;
	 padding: 5px;
	 font-weight: 900;
	 text-align: center;
	 border-radius: 9px;
}
.filter.table select{width:90%;padding:5px 0;font-size:16px;}

далее найдите:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;}
.filter div span{font-size:14px;}
.goodsFilterPriceSubmit{display:none;}
.goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;}
div.filter {
margin: 5px auto;

}

замените на:
.filters .button{color:#fff;font-size: 18px;}
.filters .filter{display: inline-block;margin: 10px;vertical-align:top;text-align: left;}
.filter.pricefilter{width: 300px;text-align: center;}
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;}
.filter div span{font-size:14px;}
.goodsFilterPriceSubmit{display:none;}
.goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;}

Укажите пожалуйста, какие стилистические правки необходимы и, как понимаю, еще необходимо сделать что-то вроде спойлера?

#11 ARGO

ARGO

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

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

Отправлено 22 Июнь 2018 - 10:12

Просмотр сообщенияVaccina (22 Июнь 2018 - 06:39) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
{% IF TARIFF_FEATURE_GOODS_FILTERS &amp;amp;&amp;amp; SHOW_GOODS_FILTERS %}
<div class="block-sidebar filters">
<div class="catwrp">
<div class="catalogheader theme-color">Фильтры</div>
</div>
<div class="block-content">
<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
<form action="" method="get"> <!-- ПРОВЕРИТЬ -->
<!-- Если есть возможность фильтрации товаров по ценам -->
{% IF SHOW_GOODS_PRICE_FILTERS %}
<div class="filter pricefilter">
<div>
<span>Цена:</span>
<input id="goods-filter-min-price" type="text" class="inputText" 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" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
<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="contentTbodySearchPriceFilterBlock">
<!-- Фильтры по цене -->
<div class="goodsFilterPriceRangePointers"><span class="theme-color min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="theme-color max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div>
<div id="goods-filter-price-slider"></div>
<div class="goodsFilterPriceSubmit">
<input class="button theme-color" type="submit" value="Показать" />
</div>
</div>
</div>
</div>
{% ENDIF %}
<!-- END Если есть возможность фильтрации товаров по ценам -->
</form>

{% IF CATEGORY_NAME=Одеяла || CATEGORY_NAME=Бязь || CATEGORY_NAME=Биоматин || CATEGORY_NAME=Поплин || CATEGORY_NAME=Перкаль || CATEGORY_NAME=Сатин || CATEGORY_NAME=Сатин в подарочной упаковке || CATEGORY_NAME=Сатин-Жаккард || CATEGORY_NAME=Сатин 3D %}
<form action="" method="get"> <!-- ПРОВЕРИТЬ -->
<div class="filter">
{% IF TARIFF_FEATURE_GOODS_FILTERS &amp;amp;&amp;amp; SHOW_GOODS_FILTERS %}
<div class="filter-block">
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
{% FOR filter_attr_list %}
<div class="filter table">
{filter_attr_list.NAME}:<br />
<select 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 %}>{filter_attr_list.values.VALUE}</option>
{% ENDFOR %}
</select>
</div>
{% ENDFOR %}
</div>
<div class="clear"></div>
<div class="filter-block">
<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
{% FOR filter_prop_list %}
<div class="filter table">
{filter_prop_list.NAME}:<br />
<select 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 %}>{filter_prop_list.values.VALUE}</option>
{% ENDFOR %}
</select>
</div>
{% ENDFOR %}
</div>
{% ENDIF %}
<div class="clear"></div>
</div>
</form>
{% ENDIF %}

</div>
</div>
{% ENDIF %}

далее зайдите в шаблон Товары - найдите:
 {% IF CATEGORY_NAME=Постельное белье || CATEGORY_NAME=Постельное белье в кроватку || CATEGORY_NAME=Постельное белье 1.5 спальное %}
<form action="#filt_items" method="get"> <!-- ПРОВЕРИТЬ -->
<div class="filter">
{% IF TARIFF_FEATURE_GOODS_FILTERS &amp;amp;&amp;amp; SHOW_GOODS_FILTERS %}
<div class="filter-block">
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
{% FOR filter_attr_list %}
<div class="filter table">
{filter_attr_list.NAME}:<br />
<select 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 %}>{filter_attr_list.values.VALUE}</option>
{% ENDFOR %}
</select>
</div>
{% ENDFOR %}
</div>
<div class="clear"></div>
<div class="filter-block">
<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
{% FOR filter_prop_list %}
<div class="filter table">
{filter_prop_list.NAME}:<br />
<select 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 %}>{filter_prop_list.values.VALUE}</option>
{% ENDFOR %}
</select>
</div>
{% ENDFOR %}
</div>
{% ENDIF %}
<div class="clear"></div>
</div>
</form>
{% ENDIF %}


замените на:
 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
{% IF TARIFF_FEATURE_GOODS_FILTERS &amp;amp;&amp;amp; SHOW_GOODS_FILTERS %}
<div class="block-sidebar filters">
<div class="block-content">
<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
<form action="" method="get"> <!-- ПРОВЕРИТЬ -->
<!-- Если есть возможность фильтрации товаров по ценам -->
{% IF SHOW_GOODS_PRICE_FILTERS %}
<div class="filter pricefilter">
<div>
<span>Цена:</span>
<input id="goods-filter-min-price" type="text" class="inputText" 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" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
<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="contentTbodySearchPriceFilterBlock">
<!-- Фильтры по цене -->
<div class="goodsFilterPriceRangePointers"><span class="theme-color min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="theme-color max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div>
<div id="goods-filter-price-slider"></div>
<div class="goodsFilterPriceSubmit">
<input class="button theme-color" type="submit" value="Показать" />
</div>
</div>
</div>
</div>
{% ENDIF %}
<!-- END Если есть возможность фильтрации товаров по ценам -->
<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
{% FOR filter_attr_list %}
<div class="filter">
<h5>{filter_attr_list.NAME}:</h5>
<div class="inputs">
{% FOR values %}
<input value="1" type="checkbox" name="form[filter][prop][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_attr_list.values.VALUE}<br/>
{% ENDFOR %}
</div>
</div>
{% ENDFOR %}
<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
{% FOR filter_prop_list %}
<div class="filter">
<h5>{filter_prop_list.NAME}:</h5>
<div class="inputs">
{% FOR values %}
<input value="1" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_prop_list.values.VALUE}<br/>
{% ENDFOR %}
</div>
</div>
{% ENDFOR %}
<input class="button theme-color" type="submit" value="Применить фильтр" />
<div class="clear"></div>
</form>
</div>
</div>
{% ENDIF %}

далее зайдите в main.css - найдите и удалите:
.filter-block{text-align:left;margin-bottom:10px;}
.filter.table {
float: left;
font-size: 18px;
color: #FFFFFF;
margin: 5px 1.5%;
background: #498166;
border: 1px solid #3cb868;
padding: 5px;
font-weight: 900;
text-align: center;
border-radius: 9px;
}
.filter.table select{width:90%;padding:5px 0;font-size:16px;}

далее найдите:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;}
.filter div span{font-size:14px;}
.goodsFilterPriceSubmit{display:none;}
.goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;}
div.filter {
margin: 5px auto;

}

замените на:
.filters .button{color:#fff;font-size: 18px;}
.filters .filter{display: inline-block;margin: 10px;vertical-align:top;text-align: left;}
.filter.pricefilter{width: 300px;text-align: center;}
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;}
.filter div span{font-size:14px;}
.goodsFilterPriceSubmit{display:none;}
.goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;}

Укажите пожалуйста, какие стилистические правки необходимы и, как понимаю, еще необходимо сделать что-то вроде спойлера?
Здравствуйте, Вакцина! Произвел указанные изменения и посмотрел что получается. Все получаться в один столбец а надо столько столбцов сколько названий характеристик в нашем случае минимум четыре. И да значения характеристик должны быть скрыты пока не нажмем на название характеристики и лучше наверное не спойлер а как сейчас всплывающее меню.
Ну и последнее, после указанных выше операций с кодом фильтры и радио кнопки были видны и кликабельны, но фильтр не работал, то есть даже если мы выбирали одну характиристику например размер, нам сообщалось что таких товаров нет (((

вот пример того как вижу этот фильтр *ссылка удалена по просьбе пользователя* просьба удалить ссылку после того как посмотрите

#12 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 23 Июнь 2018 - 05:06

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

Благодарю за пример. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
				 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
				 <div class="block-sidebar filters">
		 <div class="catwrp">
			 <div class="catalogheader theme-color">Фильтры</div>
		 </div>
			 <div class="block-content">
		 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
		 <form action="" method="get"> <!-- ПРОВЕРИТЬ -->
			 <!-- Если есть возможность фильтрации товаров по ценам -->
			 {% IF SHOW_GOODS_PRICE_FILTERS %}
			 <div class="filter pricefilter">
				 <div>
				 <span>Цена:</span>
				 <input id="goods-filter-min-price" type="text" class="inputText" 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" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
				 <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="contentTbodySearchPriceFilterBlock">
					 <!-- Фильтры по цене -->
					 <div class="goodsFilterPriceRangePointers"><span class="theme-color min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="theme-color max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div>
					 <div id="goods-filter-price-slider"></div>
					 <div class="goodsFilterPriceSubmit">
					 <input class="button theme-color" type="submit" value="Показать" />
					 </div>
				 </div>
				 </div>
			 </div>
			 {% ENDIF %}
			 <!-- END Если есть возможность фильтрации товаров по ценам -->
		 </form>

				 {% IF CATEGORY_NAME=Одеяла || CATEGORY_NAME=Бязь || CATEGORY_NAME=Биоматин || CATEGORY_NAME=Поплин || CATEGORY_NAME=Перкаль || CATEGORY_NAME=Сатин || CATEGORY_NAME=Сатин в подарочной упаковке || CATEGORY_NAME=Сатин-Жаккард || CATEGORY_NAME=Сатин 3D %}
				 <form action="" method="get"> <!-- ПРОВЕРИТЬ -->
						 <div class="filter">
						 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
						 <div class="filter-block">				
						 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
						 {% FOR filter_attr_list %}
								 <div class="filter table">
								 {filter_attr_list.NAME}:<br />
								 <select 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 %}>{filter_attr_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}
						 </div>
						 <div class="clear"></div>
						 <div class="filter-block">		
						 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
						 {% FOR filter_prop_list %}
								 <div class="filter table">
								 {filter_prop_list.NAME}:<br />
								 <select 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 %}>{filter_prop_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}		
						 </div>
						 {% ENDIF %}
						 <div class="clear"></div>
				 </div>
				 </form>
				 {% ENDIF %}

			 </div>
			 </div>
			 {% ENDIF %}

далее зайдите в шаблон Товары - найдите:
					 {% IF CATEGORY_NAME=Постельное белье || CATEGORY_NAME=Постельное белье в кроватку || CATEGORY_NAME=Постельное белье 1.5 спальное %}
				 <form action="#filt_items" method="get"> <!-- ПРОВЕРИТЬ -->
												 <div class="filter">
												 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
						 <div class="filter-block">				
						 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
						 {% FOR filter_attr_list %}
								 <div class="filter table">
								 {filter_attr_list.NAME}:<br />
								 <select 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 %}>{filter_attr_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}
						 </div>
						 <div class="clear"></div>
						 <div class="filter-block">		
						 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
						 {% FOR filter_prop_list %}
								 <div class="filter table">
								 {filter_prop_list.NAME}:<br />
								 <select 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 %}>{filter_prop_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}		
						 </div>
						 {% ENDIF %}
						 <div class="clear"></div>
				 </div>
				 </form>
				 {% ENDIF %}


замените на:
	 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
	 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
	 <form action="#filt_items" method="get">
												 <div class="filter">
{% FOR filter_attr_list %}
	<ul class="accordion">  
		<li class="parent">
			<a>{filter_attr_list.NAME}</a>
			<ul class="accordion">  
				{% FOR values %}
					<li><input value="1" type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_attr_list.values.VALUE}</li>
				{% ENDFOR %}
				<li><input type="submit" value="Применить" /></li>
			</ul>
		</li>
	</ul>
{% ENDFOR %}

{% FOR filter_prop_list %}
	<ul class="accordion">  
		<li class="parent">
			<a>{filter_prop_list.NAME}</a>
			<ul class="accordion">  
				{% FOR values %}
					<li><input value="1" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_prop_list.values.VALUE}</li>
				{% ENDFOR %}
				<li><input type="submit" value="Применить" /></li>
			</ul>
		</li>
	</ul>
{% ENDFOR %}
						 <div class="clear"></div>
				 </div>
				 </form>
				 
<script>
$(document).ready(function () {
  $('ul.accordion ul').hide();
  $('.open-close').click(function () {
	$(this).closest('li').find('ul').toggle();
  });
});
</script>
			 {% ENDIF %}

далее зайдите в main.css - найдите и удалите:
.filter-block{text-align:left;margin-bottom:10px;}
.filter.table {
	 float: left;
	 font-size: 18px;
	 color: #FFFFFF;
	 margin: 5px 1.5%;
	 background: #498166;
	 border: 1px solid #3cb868;
	 padding: 5px;
	 font-weight: 900;
	 text-align: center;
	 border-radius: 9px;
}
.filter.table select{width:90%;padding:5px 0;font-size:16px;}

далее найдите:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;}
.filter div span{font-size:14px;}
.goodsFilterPriceSubmit{display:none;}
.goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;}
div.filter {
margin: 5px auto;

}

замените на:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;}
.filter div span{font-size:14px;}
.goodsFilterPriceSubmit{display:none;}
.goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;}
div.filter {margin: 5px auto;}
div.filter > ul{width: 200px;display: inline-block;}
div.filter > ul ul{position: absolute;left: 0;top: 50px;z-index: 10;}
div.filter > ul ul li:last-child{text-align: center;border: none; padding: 10px 0;}

#13 ARGO

ARGO

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

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

Отправлено 25 Июнь 2018 - 11:17

Просмотр сообщенияVaccina (23 Июнь 2018 - 05:06) писал:

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

Благодарю за пример. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
Спасибо все работает!
  • Неудобно что надо кликать именно на стрелочку справа от кнопки и надписи (названии характеристики) хочеться чтобы вся кнопка была функциональна как кнопка.

  • Все таки хочется кнопки в строчку (для не мобильной версии сайта)

  • Как в примере хочется чтобы было всплывающее окошко, а не сполер который при открытии сильно сдвигает весь сайт вниз

  • Кнопку отмены всех выбранных характеристик (сброс настроек фильтра)
  • Самое главное!!! Теперь нельзя открыть все вложенные под категории из раздела постельного белья просто не открывается как видно на скриншоте

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

  • 123.jpg
  • 1234.jpg

#14 ARGO

ARGO

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

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

Отправлено 28 Июнь 2018 - 11:29

Просмотр сообщенияVaccina (23 Июнь 2018 - 05:06) писал:

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

Благодарю за пример. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
				 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
				 <div class="block-sidebar filters">
		 <div class="catwrp">
			 <div class="catalogheader theme-color">Фильтры</div>
		 </div>
			 <div class="block-content">
		 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
		 <form action="" method="get"> <!-- ПРОВЕРИТЬ -->
			 <!-- Если есть возможность фильтрации товаров по ценам -->
			 {% IF SHOW_GOODS_PRICE_FILTERS %}
			 <div class="filter pricefilter">
				 <div>
				 <span>Цена:</span>
				 <input id="goods-filter-min-price" type="text" class="inputText" 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" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
				 <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="contentTbodySearchPriceFilterBlock">
					 <!-- Фильтры по цене -->
					 <div class="goodsFilterPriceRangePointers"><span class="theme-color min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="theme-color max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div>
					 <div id="goods-filter-price-slider"></div>
					 <div class="goodsFilterPriceSubmit">
					 <input class="button theme-color" type="submit" value="Показать" />
					 </div>
				 </div>
				 </div>
			 </div>
			 {% ENDIF %}
			 <!-- END Если есть возможность фильтрации товаров по ценам -->
		 </form>

				 {% IF CATEGORY_NAME=Одеяла || CATEGORY_NAME=Бязь || CATEGORY_NAME=Биоматин || CATEGORY_NAME=Поплин || CATEGORY_NAME=Перкаль || CATEGORY_NAME=Сатин || CATEGORY_NAME=Сатин в подарочной упаковке || CATEGORY_NAME=Сатин-Жаккард || CATEGORY_NAME=Сатин 3D %}
				 <form action="" method="get"> <!-- ПРОВЕРИТЬ -->
						 <div class="filter">
						 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
						 <div class="filter-block">				
						 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
						 {% FOR filter_attr_list %}
								 <div class="filter table">
								 {filter_attr_list.NAME}:<br />
								 <select 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 %}>{filter_attr_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}
						 </div>
						 <div class="clear"></div>
						 <div class="filter-block">		
						 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
						 {% FOR filter_prop_list %}
								 <div class="filter table">
								 {filter_prop_list.NAME}:<br />
								 <select 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 %}>{filter_prop_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}		
						 </div>
						 {% ENDIF %}
						 <div class="clear"></div>
				 </div>
				 </form>
				 {% ENDIF %}

			 </div>
			 </div>
			 {% ENDIF %}

далее зайдите в шаблон Товары - найдите:
					 {% IF CATEGORY_NAME=Постельное белье || CATEGORY_NAME=Постельное белье в кроватку || CATEGORY_NAME=Постельное белье 1.5 спальное %}
				 <form action="#filt_items" method="get"> <!-- ПРОВЕРИТЬ -->
												 <div class="filter">
												 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
						 <div class="filter-block">				
						 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
						 {% FOR filter_attr_list %}
								 <div class="filter table">
								 {filter_attr_list.NAME}:<br />
								 <select 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 %}>{filter_attr_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}
						 </div>
						 <div class="clear"></div>
						 <div class="filter-block">		
						 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
						 {% FOR filter_prop_list %}
								 <div class="filter table">
								 {filter_prop_list.NAME}:<br />
								 <select 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 %}>{filter_prop_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}		
						 </div>
						 {% ENDIF %}
						 <div class="clear"></div>
				 </div>
				 </form>
				 {% ENDIF %}


замените на:
	 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
	 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
	 <form action="#filt_items" method="get">
												 <div class="filter">
{% FOR filter_attr_list %}
<ul class="accordion">
<li class="parent">
<a>{filter_attr_list.NAME}</a>
<ul class="accordion">
{% FOR values %}
<li><input value="1" type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_attr_list.values.VALUE}</li>
{% ENDFOR %}
<li><input type="submit" value="Применить" /></li>
</ul>
</li>
</ul>
{% ENDFOR %}

{% FOR filter_prop_list %}
<ul class="accordion">
<li class="parent">
<a>{filter_prop_list.NAME}</a>
<ul class="accordion">
{% FOR values %}
<li><input value="1" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_prop_list.values.VALUE}</li>
{% ENDFOR %}
<li><input type="submit" value="Применить" /></li>
</ul>
</li>
</ul>
{% ENDFOR %}
						 <div class="clear"></div>
				 </div>
				 </form>
			
<script>
$(document).ready(function () {
$('ul.accordion ul').hide();
$('.open-close').click(function () {
$(this).closest('li').find('ul').toggle();
});
});
</script>
			 {% ENDIF %}

далее зайдите в main.css - найдите и удалите:
.filter-block{text-align:left;margin-bottom:10px;}
.filter.table {
	 float: left;
	 font-size: 18px;
	 color: #FFFFFF;
	 margin: 5px 1.5%;
	 background: #498166;
	 border: 1px solid #3cb868;
	 padding: 5px;
	 font-weight: 900;
	 text-align: center;
	 border-radius: 9px;
}
.filter.table select{width:90%;padding:5px 0;font-size:16px;}

далее найдите:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;}
.filter div span{font-size:14px;}
.goodsFilterPriceSubmit{display:none;}
.goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;}
div.filter {
margin: 5px auto;

}

замените на:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;}
.filter div span{font-size:14px;}
.goodsFilterPriceSubmit{display:none;}
.goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;}
div.filter {margin: 5px auto;}
div.filter > ul{width: 200px;display: inline-block;}
div.filter > ul ul{position: absolute;left: 0;top: 50px;z-index: 10;}
div.filter > ul ul li:last-child{text-align: center;border: none; padding: 10px 0;}
скрывает все под категории в категории где вставляем фильтр и их нельзя открыть никак. не рабочий способ

#15 ARGO

ARGO

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

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

Отправлено 03 Июль 2018 - 16:09

Уважаемая администрация! Мне два раза ответили по поводу изменения дизайна фильтра и "радио кнопок"! Но по сути рабочей версии не дали в первом варианте данный фильтр не работал во втором он скрывает все под категории раздела с фильтром, что тоже не рабочий вариант. может по переписке и кажется что я придираюсь, но по сути мне не дали нормального рабочего ответа на мой вопрос, все предложенные решения не рабочие! Спасибо. Можно же хотя бы отписать что мол мы не можем или нам некогда а то я жду и ответа все нет уже как две недели

#16 ARGO

ARGO

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

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

Отправлено 10 Июль 2018 - 10:49

Просмотр сообщенияVaccina (23 Июнь 2018 - 05:06) писал:

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

Благодарю за пример. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
				 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
				 <div class="block-sidebar filters">
		 <div class="catwrp">
			 <div class="catalogheader theme-color">Фильтры</div>
		 </div>
			 <div class="block-content">
		 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
		 <form action="" method="get"> <!-- ПРОВЕРИТЬ -->
			 <!-- Если есть возможность фильтрации товаров по ценам -->
			 {% IF SHOW_GOODS_PRICE_FILTERS %}
			 <div class="filter pricefilter">
				 <div>
				 <span>Цена:</span>
				 <input id="goods-filter-min-price" type="text" class="inputText" 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" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
				 <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="contentTbodySearchPriceFilterBlock">
					 <!-- Фильтры по цене -->
					 <div class="goodsFilterPriceRangePointers"><span class="theme-color min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="theme-color max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div>
					 <div id="goods-filter-price-slider"></div>
					 <div class="goodsFilterPriceSubmit">
					 <input class="button theme-color" type="submit" value="Показать" />
					 </div>
				 </div>
				 </div>
			 </div>
			 {% ENDIF %}
			 <!-- END Если есть возможность фильтрации товаров по ценам -->
		 </form>

				 {% IF CATEGORY_NAME=Одеяла || CATEGORY_NAME=Бязь || CATEGORY_NAME=Биоматин || CATEGORY_NAME=Поплин || CATEGORY_NAME=Перкаль || CATEGORY_NAME=Сатин || CATEGORY_NAME=Сатин в подарочной упаковке || CATEGORY_NAME=Сатин-Жаккард || CATEGORY_NAME=Сатин 3D %}
				 <form action="" method="get"> <!-- ПРОВЕРИТЬ -->
						 <div class="filter">
						 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
						 <div class="filter-block">				
						 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
						 {% FOR filter_attr_list %}
								 <div class="filter table">
								 {filter_attr_list.NAME}:<br />
								 <select 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 %}>{filter_attr_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}
						 </div>
						 <div class="clear"></div>
						 <div class="filter-block">		
						 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
						 {% FOR filter_prop_list %}
								 <div class="filter table">
								 {filter_prop_list.NAME}:<br />
								 <select 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 %}>{filter_prop_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}		
						 </div>
						 {% ENDIF %}
						 <div class="clear"></div>
				 </div>
				 </form>
				 {% ENDIF %}

			 </div>
			 </div>
			 {% ENDIF %}

далее зайдите в шаблон Товары - найдите:
					 {% IF CATEGORY_NAME=Постельное белье || CATEGORY_NAME=Постельное белье в кроватку || CATEGORY_NAME=Постельное белье 1.5 спальное %}
				 <form action="#filt_items" method="get"> <!-- ПРОВЕРИТЬ -->
												 <div class="filter">
												 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
						 <div class="filter-block">				
						 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
						 {% FOR filter_attr_list %}
								 <div class="filter table">
								 {filter_attr_list.NAME}:<br />
								 <select 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 %}>{filter_attr_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}
						 </div>
						 <div class="clear"></div>
						 <div class="filter-block">		
						 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
						 {% FOR filter_prop_list %}
								 <div class="filter table">
								 {filter_prop_list.NAME}:<br />
								 <select 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 %}>{filter_prop_list.values.VALUE}</option>
										 {% ENDFOR %}
								 </select>
								 </div>
						 {% ENDFOR %}		
						 </div>
						 {% ENDIF %}
						 <div class="clear"></div>
				 </div>
				 </form>
				 {% ENDIF %}


замените на:
	 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
	 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
	 <form action="#filt_items" method="get">
												 <div class="filter">
{% FOR filter_attr_list %}
<ul class="accordion">
<li class="parent">
<a>{filter_attr_list.NAME}</a>
<ul class="accordion">
{% FOR values %}
<li><input value="1" type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_attr_list.values.VALUE}</li>
{% ENDFOR %}
<li><input type="submit" value="Применить" /></li>
</ul>
</li>
</ul>
{% ENDFOR %}

{% FOR filter_prop_list %}
<ul class="accordion">
<li class="parent">
<a>{filter_prop_list.NAME}</a>
<ul class="accordion">
{% FOR values %}
<li><input value="1" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_prop_list.values.VALUE}</li>
{% ENDFOR %}
<li><input type="submit" value="Применить" /></li>
</ul>
</li>
</ul>
{% ENDFOR %}
						 <div class="clear"></div>
				 </div>
				 </form>
			
<script>
$(document).ready(function () {
$('ul.accordion ul').hide();
$('.open-close').click(function () {
$(this).closest('li').find('ul').toggle();
});
});
</script>
			 {% ENDIF %}

далее зайдите в main.css - найдите и удалите:
.filter-block{text-align:left;margin-bottom:10px;}
.filter.table {
	 float: left;
	 font-size: 18px;
	 color: #FFFFFF;
	 margin: 5px 1.5%;
	 background: #498166;
	 border: 1px solid #3cb868;
	 padding: 5px;
	 font-weight: 900;
	 text-align: center;
	 border-radius: 9px;
}
.filter.table select{width:90%;padding:5px 0;font-size:16px;}

далее найдите:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;}
.filter div span{font-size:14px;}
.goodsFilterPriceSubmit{display:none;}
.goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;}
div.filter {
margin: 5px auto;

}

замените на:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;}
.filter div span{font-size:14px;}
.goodsFilterPriceSubmit{display:none;}
.goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;}
div.filter {margin: 5px auto;}
div.filter > ul{width: 200px;display: inline-block;}
div.filter > ul ul{position: absolute;left: 0;top: 50px;z-index: 10;}
div.filter > ul ul li:last-child{text-align: center;border: none; padding: 10px 0;}
  • Теперь нельзя открыть все вложенные под категории из раздела постельного белья просто не открывается как видно на скриншоте

Обратно в Каталог товаров


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Хамелеон
  5. → Каталог товаров
  6. Privacy Policy