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


Фильт В Каталоге Товаров

фильтр

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

#1 assa

assa

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

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

Отправлено 17 Август 2016 - 12:45

Подскажите, как добавить фильтры в каталоге? по цене и цвету и так далее...

#2 Firefly

Firefly

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

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

Отправлено 17 Август 2016 - 13:16

Просмотр сообщенияassa (17 Август 2016 - 12:45) писал:

Подскажите, как добавить фильтры в каталоге? по цене и цвету и так далее...

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

#3 assa

assa

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

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

Отправлено 17 Август 2016 - 15:16

Просмотр сообщенияFirefly (17 Август 2016 - 13:16) писал:

Здравствуйте.
Вы можете добавить необходимые фильтры для различных категорий в разделе Товары -> Товары, кликнув на на категорию правой кнопкой мыши -> Настроить категорию.
В самом низу Вы найдете кнопку Добавить фильтры по свойствам, либо по характеристикам.
Это я понял, но как сделать один фильтр сразу для всех товаров?

#4 Firefly

Firefly

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

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

Отправлено 17 Август 2016 - 16:05

Просмотр сообщенияassa (17 Август 2016 - 15:16) писал:

Это я понял, но как сделать один фильтр сразу для всех товаров?

Фильтры можно создавать только для отдельных категорий.
При этом у фильтруемого товара в категории обязательно должно быть указано соответствующее свойство, либо характеристика.
Характеристики/свойства для каждого товара добавляются отдельно (можно использовать массовое добавление с использованием .csv файла).

#5 assa

assa

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

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

Отправлено 22 Август 2016 - 16:41

Просмотр сообщенияFirefly (17 Август 2016 - 16:05) писал:

Фильтры можно создавать только для отдельных категорий.
При этом у фильтруемого товара в категории обязательно должно быть указано соответствующее свойство, либо характеристика.
Характеристики/свойства для каждого товара добавляются отдельно (можно использовать массовое добавление с использованием .csv файла).
У меня проблема получается, когда делаю фильтр по ценам автоматом появляется и характеристика.... внизу принскрин... как сделать, что бы осталося только ползунок с ценой?

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

  • прин3.png


#6 Firefly

Firefly

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

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

Отправлено 22 Август 2016 - 20:23

Просмотр сообщенияassa (22 Август 2016 - 16:41) писал:

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

Здравствуйте.
Ползунок с ценой выводится всегда, независимо от наличия установленных фильтров.
Чтобы у Вас не отображался фильтр, показанный на скриншоте нужно будет зайти в редактирование категории "Все" и удалить фильтр по свойствам Цена.

#7 assa

assa

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

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

Отправлено 23 Август 2016 - 09:34

Просмотр сообщенияFirefly (22 Август 2016 - 20:23) писал:

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

#8 Vaccina

Vaccina

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

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

Отправлено 24 Август 2016 - 06:43

Попробуйте следующее, в шаблоне HTML найдите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
			  {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}

замените на:
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
			  {% IF TARIFF_FEATURE_GOODS_FILTERS %}


#9 assa

assa

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

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

Отправлено 24 Август 2016 - 16:29

Просмотр сообщенияVaccina (24 Август 2016 - 06:43) писал:

Попробуйте следующее, в шаблоне HTML найдите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
			 {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}

замените на:
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
			 {% IF TARIFF_FEATURE_GOODS_FILTERS %}
Это помогло, но глюк какой то остался... Везде всё одинаково, но где то выводится фильтр а где то нет. Допустим вот Категория джордана, там стоит фильтр по цене, в категории 3 подкатегории и в двух есть фильтр, а в 3ей нет...

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

  • 1.png
  • 2.png
  • 3.png


#10 Danil

Danil

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

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

Отправлено 24 Август 2016 - 17:22

Просмотр сообщенияassa (24 Август 2016 - 16:29) писал:

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

#11 assa

assa

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

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

Отправлено 30 Август 2016 - 17:44

Просмотр сообщенияDanil (24 Август 2016 - 17:22) писал:

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

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

  • Фильтр.png
  • фильтр2.png
  • Фильтр в товаре.png


#12 Danil

Danil

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

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

Отправлено 31 Август 2016 - 09:33

Просмотр сообщенияassa (30 Август 2016 - 17:44) писал:

Спасибо за ответ. Фильтр по цене действительно заработал.
Только теперь другая проблема, не работает фильтр по характеристикам... По модификации работает, но он не нужен...
Ниже принскрин, стоят 2 характеристики в товаре и 2 в поле по фильтрам. Так же стоит фильтр по модификации, в итоге модификация выводится, а характеристики нет...
Подскажите пожалуйста как решить?
Здравствуйте.
В шаблоне html найдите код
					<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
					{% FOR filter_attr_list %}
					  
					{% ENDFOR %}
и замените на

					<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
					{% 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 %}


#13 assa

assa

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

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

Отправлено 31 Август 2016 - 13:55

Просмотр сообщенияDanil (31 Август 2016 - 09:33) писал:

Здравствуйте.
В шаблоне html найдите код
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->

</div>
{% ENDFOR %}

Спасибо!
И можно ли ещё реализовать функцию зависимости категорий?
Вот сейчас на принскрине видно, что выводятся сразу все категории в фильтрах... Можно сделать зависимость отображения одной категории от другой?
Что бы изначально отображалась определенная категория, на моем примере фильтр "Применение", когда в нём выбирают определенную характеристику допустим "Губы", появляется фильтр "Для губ" (другие фильтры были бы не видны) и в нем можно делее выбрать определенный товар....?

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

  • все22.png


#14 assa

assa

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

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

Отправлено 02 Сентябрь 2016 - 10:54

апну тему. вопрос актуален.

#15 Vaccina

Vaccina

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

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

Отправлено 03 Сентябрь 2016 - 07:01

Уточните пожалуйста в какой категории у вас можно пронаблюдать данный список фильтров из скриншота?

#16 assa

assa

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

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

Отправлено 05 Сентябрь 2016 - 11:32

Просмотр сообщенияVaccina (03 Сентябрь 2016 - 07:01) писал:

Уточните пожалуйста в какой категории у вас можно пронаблюдать данный список фильтров из скриншота?
Категория http://favlipstick.ru/catalog/Jordana
Хотелось бы, что бы нижние три категории изначально не были видны. Я появлялись бы только после выбора соответствующей категории в первом фильтре.

#17 Vaccina

Vaccina

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

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

Отправлено 06 Сентябрь 2016 - 06:44

В шаблоне 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_attr_list %}
										  <div class="filter {% IF filter_attr_list.NAME = Применение %}accept{% ENDIF %}">
												{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 %}

далее в main.css найдите:
.block.filters .filter {
	margin: 5px 0;
	font-size: 16px;
}

после него добавьте:
.block.filters .filter:not(.accept) {
	display: none;
}

В конец main.js добавьте:
$(document).ready(function(){
$(function () {
	var selected = $(".filter.accept select option:selected");
   if (!selected.val()) {
	$(selected).closest("form").find(".filter:not(.accept)").hide();
   } else {
	$(selected).closest("form").find(".filter:not(.accept)").show();
   }
});
});


#18 assa

assa

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

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

Отправлено 06 Сентябрь 2016 - 14:06

Просмотр сообщенияVaccina (06 Сентябрь 2016 - 06:44) писал:

В шаблоне 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_attr_list %}
										 <div class="filter {% IF filter_attr_list.NAME = Применение %}accept{% ENDIF %}">
											 {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 %}

далее в main.css найдите:
.block.filters .filter {
margin: 5px 0;
font-size: 16px;
}

после него добавьте:
.block.filters .filter:not(.accept) {
display: none;
}

В конец main.js добавьте:
$(document).ready(function(){
$(function () {
var selected = $(".filter.accept select option:selected");
if (!selected.val()) {
$(selected).closest("form").find(".filter:not(.accept)").hide();
} else {
$(selected).closest("form").find(".filter:not(.accept)").show();
}
});
});
Ни чего не изменилось, всё было...

#19 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 08 Сентябрь 2016 - 17:51

Просмотр сообщенияassa (06 Сентябрь 2016 - 14:06) писал:

Ни чего не изменилось, всё было...
В файле main.js найдите блок
$(document).ready(function(){
$(function () {
var selected = $(".filter.accept select option:selected");
if (!selected.val()) {
$(selected).closest("form").find(".filter:not(.accept)").hide();
} else {
$(selected).closest("form").find(".filter:not(.accept)").show();
}
});
});
и замените его на
$(document).ready(function(){
var selected = $(".filter.accept select option:selected");
if (selected.val()=="- все -") {
$(selected).closest("form").find(".filter:not(.accept)").hide();
} else {
  if(selected.text() == "Глаза"){
	$(selected).closest("form").find(".filter:not(.accept)").eq("0").show();
  }else if(selected.text() == "Губы"){
	$(selected).closest("form").find(".filter:not(.accept)").eq("1").show();
  }else if(selected.text() == "Лицо"){
	$(selected).closest("form").find(".filter:not(.accept)").eq("2").show();
  }
  else{
	$(selected).closest("form").find(".filter:not(.accept)").show();
  }
}
});






Темы с аналогичным тегами фильтр

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

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