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

[Cybernetic]

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

Подскажите как в каталоге товаров блок фильтров изменить на всплывающий список фильтров.

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

• 

[Firefly]

Cybernetic (02 Июнь 2016 - 07:34) писал:

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

Подскажите как в каталоге товаров блок фильтров изменить на всплывающий список фильтров.

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

[Cybernetic]

Firefly (02 Июнь 2016 - 10:48) писал:

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

Идеальный вариант был бы если:
1) После названия характеристики стоял символ "вниз"
2) При нажатии на название характеристики или на символ всплывало бы меню (открывалось бы текущее меню.)

ВАЖНО. Пожалуйста если будете производить изменения самостоятельно, сделайте пожалуйста бэкап.

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

• 

Сообщение отредактировал Cybernetic: 02 Июнь 2016 - 11:09

[Firefly]

Cybernetic (02 Июнь 2016 - 11:08) писал:

Идеальный вариант был бы если:
1) После названия характеристики стоял символ "вниз"
2) При нажатии на название характеристики или на символ всплывало бы меню (открывалось бы текущее меню.)

ВАЖНО. Пожалуйста если будете производить изменения самостоятельно, сделайте пожалуйста бэкап.

Здравствуйте.
Создал Вам бэкап: 02.06.2016 11:42:48 и внес изменения. Проверьте, пожалуйста.

[Cybernetic]

Firefly (02 Июнь 2016 - 13:20) писал:

Здравствуйте.
Создал Вам бэкап: 02.06.2016 11:42:48 и внес изменения. Проверьте, пожалуйста.

1) Нужно сделать треугольник "чёрным"
2) Необходимо убрать все тени с блоков фильтров, цены и сортировки.

более подробнее на рис.

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

• 

[Firefly]

Cybernetic (02 Июнь 2016 - 13:37) писал:

1) Нужно сделать треугольник "чёрным"
2) Необходимо убрать все тени с блоков фильтров, цены и сортировки.

более подробнее на рис.

Внес Вам поправки в код. Проверьте, пожалуйста.

[Cybernetic]

Firefly (02 Июнь 2016 - 14:05) писал:

Внес Вам поправки в код. Проверьте, пожалуйста.

Устраивает, спасибо.

[Cybernetic]

Firefly (02 Июнь 2016 - 14:05) писал:

Внес Вам поправки в код. Проверьте, пожалуйста.

Всё устраивает.

[Cybernetic]

Добрый день.

Необходимо доделать логику выпадающих фильтров на сайте. (как на рис)
Желательно:

1) При нажатии на фильтр, меню значений выпадает
2) При "выпавшем" блоке значений фильтра и отметке какого либо значения - сейчас страница перезагружается и фильтр в котором было выбрано значение "схлопывается". Необходимо что бы фильтр в котором было применено значение не схлопывался.

Если не получиться выше.
1) Нажатия на значения фильтров не перезагружают страницу.
2) При нажатии на любое значение в блоке фильтров - страница не перезагружается, вместо этого появляется кнопка "применить фильтр" нажав на нёё применяются выбранные значения в блоке фильтров.


Более подробнее на картинке.

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

• 

[Ирина345]

Cybernetic (03 Июнь 2016 - 11:21) писал:

Добрый день.

Необходимо доделать логику выпадающих фильтров на сайте. (как на рис)
Желательно:

1) При нажатии на фильтр, меню значений выпадает
2) При "выпавшем" блоке значений фильтра и отметке какого либо значения - сейчас страница перезагружается и фильтр в котором было выбрано значение "схлопывается". Необходимо что бы фильтр в котором было применено значение не схлопывался.

Если не получиться выше.
1) Нажатия на значения фильтров не перезагружают страницу.
2) При нажатии на любое значение в блоке фильтров - страница не перезагружается, вместо этого появляется кнопка "применить фильтр" нажав на нёё применяются выбранные значения в блоке фильтров.


Более подробнее на картинке.

Здравствуйте, что бы добавить кнопку "Применить фильтры",
найдите в файле main.css

  // Фильтры по товарам. При нажании на какую либо характеристику или свойство товара происходит фильтрация товаров
  $('.contentTbodySearchFilterBlock input').click(function(){
	$(this)[0].form.submit();
  });

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

																								<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
																								<form action="#filter1" method="get">
												  {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
																<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
																{% FOR filter_attr_list %}
																  <div class="filter">
																   
<script>
	  $(document).ready(function() {
	  $(".trigger-filter").toggle(function() {
		// Отображаем скрытый блок
		$(this).closest('.filter').find('.filters-box').fadeIn(); // fadeIn - плавное появление
		return false; // не производить переход по ссылке
	  }, 
	  function() {
		// Скрываем блок
		 $(this).closest('.filter').find('.filters-box').fadeOut(); // fadeOut - плавное исчезновение
		return false; // не производить переход по ссылке
	  }); // end of toggle()
	}); // end of ready()
</script>															   
																   
																				<a href="#" class="trigger-filter">{filter_attr_list.NAME}:</a><br />
																				{% FOR values %}
																				<span class="filters-box" style="display:none;">
																				  <label>
																								<input value="1" type="checkbox" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} onclick="$(this).attr('name', $(this).attr('value') == -1 ? '' : $(this).attr('rel'));this.form.submit();" name="{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}">
																								{filter_attr_list.values.VALUE}
																				  </label>
																				</span>
																				{% ENDFOR %}
																  </div>
																{% ENDFOR %}
																<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
																{% FOR filter_prop_list %}
																  <div class="filter"; >
																				{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 %}
												  {% ENDIF %}
												  <div class="clear"></div>
												</form>

замените на

																								<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
																								<form action="#filter1" method="get">
												  {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
																<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
																{% FOR filter_attr_list %}
																  <div class="filter">
																				<a href="#" class="trigger-filter">{filter_attr_list.NAME}:</a><br />
																				{% FOR values %}
																				<span class="filters-box" style="display:none;">
																				  <label>
																								<input value="1" type="checkbox" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} onclick="$(this).attr('name', $(this).attr('value') == -1 ? '' : $(this).attr('rel'));" name="{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}">
																								{filter_attr_list.values.VALUE}
																				  </label>
																				</span>
																				{% ENDFOR %}
																  </div>
																{% ENDFOR %}
																<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
																{% FOR filter_prop_list %}
																  <div class="filter"; >
																				{filter_prop_list.NAME}:<br />
																				<select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));" 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 %}
												  {% ENDIF %}
												  <div class="clear"></div>
													   <input type="submit" value="Применить" />
												</form>
												<script>
	  $(document).ready(function() {
	  $(".trigger-filter").toggle(function() {
		// Отображаем скрытый блок
		$(this).closest('.filter').find('.filters-box').fadeIn(); // fadeIn - плавное появление
		return false; // не производить переход по ссылке
	  }, 
	  function() {
		// Скрываем блок
		 $(this).closest('.filter').find('.filters-box').fadeOut(); // fadeOut - плавное исчезновение
		return false; // не производить переход по ссылке
	  }); // end of toggle()
	}); // end of ready()
</script>		  

[Cybernetic]

Добрый день.

Каталог товаров:
1) Не выводить кнопку - "применить фильтр" если фильтры не отображаются в каталоге товаров.
2) Создать кнопку "Схема водоснабжения" между ценой и сортировкой по цене, при клике в текущая страница обновляется и открывается страница

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

• 

[Юля123]

Cybernetic (07 Июнь 2016 - 09:18) писал:

Добрый день.

Каталог товаров:
1) Не выводить кнопку - "применить фильтр" если фильтры не отображаются в каталоге товаров.
2) Создать кнопку "Схема водоснабжения" между ценой и сортировкой по цене, при клике в текущая страница обновляется и открывается страница

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

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

																								 {% ENDIF %}
																								 <div class="clear"></div>
																										 <input type="submit" class="button" value="Применить фильтр" />

и замените на код

																								 <div class="clear"></div>
																										 <input type="submit" class="button" value="Применить фильтр" />
{% ENDIF %}

2) Там же после кода:

<!-- END Если есть возможность фильтрации товаров по ценам -->

добавьте код:

<a href="http://{NET_DOMAIN}/page/shema-vodosnabjeniya" class="button button-link"> Схема водоснабжения </a>

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

.button.button-link {
margin: 15px 5%;
}

[Cybernetic]

Юля123 схема водоснабжения показывается на всех страницах каталога не только в том который мне нужен.

[Юля123]

Cybernetic (07 Июнь 2016 - 11:36) писал:

Юля123 схема водоснабжения показывается на всех страницах каталога не только в том который мне нужен.

В каком нужен? Условия не было оговорено в сообщении выше.

[Cybernetic]

[Юля123]

Cybernetic (07 Июнь 2016 - 11:54) писал:

ой простите, нужно что бы было в этих каталогах

В идеале всё что входит в этот каталог

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

<a href="http://{NET_DOMAIN}/page/shema-vodosnabjeniya" class="button button-link"> Схема водоснабжения </a>

и замените на код:

{% FOR upper_navigation %}{% IF upper_navigation.NAME = Водоснабжение %}<a href="http://{NET_DOMAIN}/page/shema-vodosnabjeniya" class="button button-link"> Схема водоснабжения </a>{% ENDIF %} {% ENDFOR %}

[Cybernetic]

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

Необходимо поменять логику и отображение фильтров в каталоге товаров (рис) при разрешении больше 360px
1) необходимо что бы все фильтры отображались как на рис (были видны сразу)
2) Необходимо удалить кнопку "Применить фильтр" вместо этого при нажатии на какое либо значение в фильтре значение применялось тут же. (как и было раньше)
3) Галочки после названия фильтров тоже убрать
4) Убрать обводку у фильтров с полукруглой на квадратную выравнивать по левому краю все блоки фильтров.
5) Блок где отображается виз списка "показывать по" привезти к такому виду который на рис т.е. оставить только
Сортировка по цене, названию, и показывать по (как на рис)

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

• 

[Ирина345]

Cybernetic (16 Июнь 2016 - 11:36) писал:

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

Необходимо поменять логику и отображение фильтров в каталоге товаров (рис) при разрешении больше 360px
1) необходимо что бы все фильтры отображались как на рис (были видны сразу)
2) Необходимо удалить кнопку "Применить фильтр" вместо этого при нажатии на какое либо значение в фильтре значение применялось тут же. (как и было раньше)
3) Галочки после названия фильтров тоже убрать
4) Убрать обводку у фильтров с полукруглой на квадратную выравнивать по левому краю все блоки фильтров.
5) Блок где отображается виз списка "показывать по" привезти к такому виду который на рис т.е. оставить только
Сортировка по цене, названию, и показывать по (как на рис)

Здравствуйте.
найдите в файле main.js

$(document).ready(function(){
  $('.headr_filter').click(function(){
		  var vis = $('.product-filter').find('#filter1');
		  if ($(this).hasClass('up'))
		  {
				vis.fadeOut();
				$(this).removeClass('up');
		  }
		  else
		  {
				vis.fadeIn();
				$(this).addClass('up');
		  }

  });

и удалите
далее найдите в файле main.css

.trigger-filter {color:#000000;background:url("/design/BT_arrow_bottom.png") no-repeat right center;padding-right: 15px;text-decoration:none;}

замените на

.trigger-filter {color:#000000;padding-right: 15px;text-decoration:none;}

далее найдите в файле main.css

.filter {display: inline-block;padding-right: 10px;vertical-align: top;color: #000000; font-size: 14px; padding: 10px; border:1px solid #000000;
   border-radius: 16px;margin-bottom:5px;}

замените на

.filter {display: inline-block;padding-right: 10px;vertical-align: top;color: #000000; font-size: 14px; padding: 10px; border:1px solid #000000;margin-bottom:3px;}

далее найдите

form.form-inline.OrderFilterForm.Sort {
width: 30%;
float: right;
border: 1px solid #000000;
border-radius: 16px;
padding: 10px;
}

замените на

form.form-inline.OrderFilterForm.Sort {
width: 30%;
float: right;
border: 1px solid #000000;
padding: 10px;
}

далее найдите

form.form-inline.OrderFilterForm.Sort {
  /* position: absolute; */
  right: 0;
  width: 393px;
}

замените на

form.form-inline.OrderFilterForm.Sort {
  /* position: absolute; */
  right: 0;
  width: 251px;
}

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

 {% FOR filter_attr_list %}
																																  <div class="filter">
																																								<a href="#" class="trigger-filter">{filter_attr_list.NAME}:</a><br />
																																								{% FOR values %}
																																								<span class="filters-box" style="display:none;">
																																								  <label>
																																																<input value="1" type="checkbox" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} onclick="$(this).attr('name', $(this).attr('value') == -1 ? '' : $(this).attr('rel'));" name="{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}">
																																																{filter_attr_list.values.VALUE}
																																								  </label>
																																								</span>
																																								{% ENDFOR %}

замените на

 {% FOR filter_attr_list %}
																																  <div class="filter">
																																								<a href="#" class="trigger-filter">{filter_attr_list.NAME}:</a><br />
																																								{% FOR values %}
																																								<span class="filters-box" >
																																								  <label>
																																																<input value="1" type="checkbox" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} onclick="$(this).attr('name', $(this).attr('value') == -1 ? '' : $(this).attr('rel'));" name="{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}">
																																																{filter_attr_list.values.VALUE}
																																								  </label>
																																								</span>
																																								{% ENDFOR %}

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

{% IF goods_show_per_page %}
												  <div class="limit">
																<label>Показывать по:</label>
																<select name="per_page" onchange="this.form.submit();">
																  {% FOR goods_per_page_list %}
																				<option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option>
																  {% ENDFOR %}
																</select>
																<label>результатов</label>
												  </div>
												{% ENDIF %}
												<!-- /Блок возможности изменения лимитов выдачи -->
												<!-- Блок изменения вида списка и поля сортировки -->
												<div class="view-mode">
												  <label>Вид списка:</label>
												  {% IF GOODS_VIEW_TYPE=2 %}
																<a title="Список товаров категории «{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}» сейчас отображается в виде списка, где один товар занимает одну строку" class="list-act"></a>
																<a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="table"></a>
												  {% ELSE %}
																<a href="?goods_view_type=2" title="Отображать список товаров в виде списка" class="list"></a>
																<a title="Список товаров категории «{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}» сейчас отображается в виде таблицы, по 3 товара на строку" class="table-act"></a>
												  {% ENDIF %}
												</div>

												<div class="sort">
												  <div class="sort-by">
																<label>Сортировать по:</label>
																<ul class="OrderFilterFormByURLs">
																  <!-- цене: Дорогие - Дешевые -->
																  {% IF GOODS_SEARCH_FIELD_ID=1 %}
																				<li class="selected-desc"><a href="?goods_search_field_id=2" title="Товары сейчас отсортированы по цене. Вверху дорогие внизу дешевые. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дешевые, затем дорогие">цене</a></li>
																  <!-- цене: Дешевые - Дорогие   -->
																  {% ELSEIF GOODS_SEARCH_FIELD_ID=2 %}
																				<li class="selected-asc"><a href="?goods_search_field_id=1" title="Товары сейчас отсортированы по цене. Вверху дешевые внизу дорогие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дорогие, затем дешёвые">цене</a></li>
																  <!-- Сортировка отключена	   -->
																  {% ELSE %}
																				<li><a href="?goods_search_field_id=2" title="Отсортировать товары по убыванию цены. Сверху дорогие, снизу дешевые">цене</a></li>
																  {% ENDIF %}
																  <!-- названию: А - я -->
																  {% IF GOODS_SEARCH_FIELD_ID=3 %}
																				<li class="selected-asc"><a href="?goods_search_field_id=4" title="Товары сейчас отсортированы по алфавиту. Сверху «а», снизу «Я». Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала «Я», затем «а»">названию</a></li>
																  <!-- названию: я - А -->
																  {% ELSEIF GOODS_SEARCH_FIELD_ID=4 %}
																				<li class="selected-desc"><a href="?goods_search_field_id=3" title="Товары сейчас отсортированы по алфавиту. Сверху «Я», снизу «а». Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала «а», затем «Я»">названию</a></li>
																  <!-- Сортировка отключена	   -->
																  {% ELSE %}
																				<li><a href="?goods_search_field_id=3" title="Отсортировать товары по алфавиту. Сверху «а», снизу «Я»">названию</a></li>
																  {% ENDIF %}
																  <!-- рейтингу: Хорошие - Плохие -->
																  {% IF GOODS_SEARCH_FIELD_ID=11 %}
																				<li class="selected-desc"><a href="?goods_search_field_id=12" title="Товары сейчас отсортированы по рейтингу отзывов покупателей. Сверху хорошие товары, снизу плохие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала плохие, затем хорошие">рейтингу</a></li>
																  <!-- рейтингу: Плохие - Хорошие -->
																  {% ELSEIF GOODS_SEARCH_FIELD_ID=12 %}
																				<li class="selected-asc"><a href="?goods_search_field_id=11" title="Товары сейчас отсортированы по рейтингу отзывов покупателей. Сверху плохие товары, снизу хорошие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала хорошие, затем плохие">рейтингу</a></li>
																  <!-- Сортировка отключена	   -->
																  {% ELSE %}
																				<li><a href="?goods_search_field_id=11" title="Отсортировать товары по рейтингу отзывов покупателей. Сверху хорошие товары, снизу плохие">рейтингу</a></li>
																  {% ENDIF %}
																</ul>
												  </div>

замените на

{% IF goods_show_per_page %}
												  <div class="limit">
																<label>Показывать по:</label>
																<select name="per_page" onchange="this.form.submit();">
																  {% FOR goods_per_page_list %}
																				<option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option>
																  {% ENDFOR %}
																</select>
																<label>Товаров</label>
												  </div>
												{% ENDIF %}
												<!-- /Блок возможности изменения лимитов выдачи -->
												<!-- Блок изменения вида списка и поля сортировки -->
												<div class="view-mode" style="display:none">
												  <label>Вид списка:</label>
												  {% IF GOODS_VIEW_TYPE=2 %}
																<a title="Список товаров категории «{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}» сейчас отображается в виде списка, где один товар занимает одну строку" class="list-act"></a>
																<a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="table"></a>
												  {% ELSE %}
																<a href="?goods_view_type=2" title="Отображать список товаров в виде списка" class="list"></a>
																<a title="Список товаров категории «{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}» сейчас отображается в виде таблицы, по 3 товара на строку" class="table-act"></a>
												  {% ENDIF %}
												</div>

												<div class="sort">
												  <div class="sort-by">
																<label>Сортировать по:</label>
																<ul class="OrderFilterFormByURLs">
																  <!-- цене: Дорогие - Дешевые -->
																  {% IF GOODS_SEARCH_FIELD_ID=1 %}
																				<li class="selected-desc"><a href="?goods_search_field_id=2" title="Товары сейчас отсортированы по цене. Вверху дорогие внизу дешевые. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дешевые, затем дорогие">цене</a></li>
																  <!-- цене: Дешевые - Дорогие   -->
																  {% ELSEIF GOODS_SEARCH_FIELD_ID=2 %}
																				<li class="selected-asc"><a href="?goods_search_field_id=1" title="Товары сейчас отсортированы по цене. Вверху дешевые внизу дорогие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дорогие, затем дешёвые">цене</a></li>
																  <!-- Сортировка отключена	   -->
																  {% ELSE %}
																				<li><a href="?goods_search_field_id=2" title="Отсортировать товары по убыванию цены. Сверху дорогие, снизу дешевые">цене</a></li>
																  {% ENDIF %}
																  <!-- названию: А - я -->
																  {% IF GOODS_SEARCH_FIELD_ID=3 %}
																				<li class="selected-asc"><a href="?goods_search_field_id=4" title="Товары сейчас отсортированы по алфавиту. Сверху «а», снизу «Я». Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала «Я», затем «а»">названию</a></li>
																  <!-- названию: я - А -->
																  {% ELSEIF GOODS_SEARCH_FIELD_ID=4 %}
																				<li class="selected-desc"><a href="?goods_search_field_id=3" title="Товары сейчас отсортированы по алфавиту. Сверху «Я», снизу «а». Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала «а», затем «Я»">названию</a></li>
																  <!-- Сортировка отключена	   -->
																  {% ELSE %}
																				<li><a href="?goods_search_field_id=3" title="Отсортировать товары по алфавиту. Сверху «а», снизу «Я»">названию</a></li>
																  {% ENDIF %}
																		 </ul>
												  </div>

[Ирина345]

Cybernetic (16 Июнь 2016 - 11:36) писал:

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

Необходимо поменять логику и отображение фильтров в каталоге товаров (рис) при разрешении больше 360px
1) необходимо что бы все фильтры отображались как на рис (были видны сразу)
2) Необходимо удалить кнопку "Применить фильтр" вместо этого при нажатии на какое либо значение в фильтре значение применялось тут же. (как и было раньше)
3) Галочки после названия фильтров тоже убрать
4) Убрать обводку у фильтров с полукруглой на квадратную выравнивать по левому краю все блоки фильтров.
5) Блок где отображается виз списка "показывать по" привезти к такому виду который на рис т.е. оставить только
Сортировка по цене, названию, и показывать по (как на рис)

Найдите в файле main.css

.product-filter .limit {
	float: right;
	color: #333;
}

замените на

.product-filter .limit {
	 color: #333;
}

далее найдите

form.form-inline.OrderFilterForm.Sort {
	position: absolute;
	left: 49%;
	width: 249px;
	text-align: left;
}

замените на

form.form-inline.OrderFilterForm.Sort {
width: 30%;
 display: inherit;
border: 1px solid #000000;
padding: 10px;
}

[Ирина345]

Cybernetic (16 Июнь 2016 - 11:36) писал:

Вам внесли изменения, для работы фильтра.