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


А Можно Ли Реализовать Такой Вид Фильтров?


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

#21 Ribka

Ribka

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

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

Отправлено 25 Январь 2018 - 09:16

Просмотр сообщенияStasya (24 Январь 2018 - 15:22) писал:

В шаблоне Товары найдите код
<!-- END Верхний блок, изменяющий отображение данных выдачи товаров -->
{% ENDIF %}
и после него вставьте
{% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
	 <div class="filters-goods filters-mob">
		 <div class="titleBlock">Фильтры</div>
		 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
		 <form action="" method="get">
		 <!-- Если есть возможность фильтрации товаров по ценам -->
		 {% IF SHOW_GOODS_PRICE_FILTERS %}
			 <div class="filters-price">
			 <div class="title">Фильтры по ценам</div>
			 <div class="layout-slider">
				 <input id="goods-filter-min-price" class="inputText" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress('0123456789')" />
				 <span class="price-separator">-</span>
				 <input id="goods-filter-max-price" class="inputText" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress('0123456789')" />
				 <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" />
				 <input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" />
				 <!-- Фильтры по цене -->
				 <div class="goodsFilterPriceRangePointers">
				 <span class="min" style="display:none;">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span>
				 <span class="max" style="display:none;">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span>
				 </div>
				 <div id="goods-filter-price-slider"></div>
				 <div class="goodsFilterPriceSubmit">
				 <button class="button" type="submit" title="Показать">Показать</button>
				 </div>
			 </div>
			 </div>
		 {% ENDIF %}
		 <!-- /END Если есть возможность фильтрации товаров по ценам -->
		 <!-- Осноные Фильтры -->
		 <div class="filters-goods">
			 <div class="title">Фильтры по характеристикам и модификациям</div>
{% FOR filter_attr_list %}
																				 <div class="filter">
																							 <div class="title">{filter_attr_list.NAME}:</div>
																							 <ul>
																							 {% FOR values %}
																							 {%IF filter_attr_list.values.index>6%}{break}{%ENDIF%}
																								 <li>
																											 <input type="checkbox" onclick="$(this)[0].form.submit();" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
																											 <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="red">({filter_attr_list.values.NB_GOODS_FILTERED})</span></label>
																								 </li>
																							 {% ENDFOR %}
																							 {% FOR values %}
																							 {%IF filter_attr_list.values.index=7%}
																							 <div onclick="$(this).closest('ul').find('.dop_filter_attr').toggle('slow'); return(false);" class="more_filter_attr">Еще</div>
																							 {%ENDIF%}
																							 {% ENDFOR %}
																								 {% FOR values %}
																							 {%IF filter_attr_list.values.index>6%}
																								 <li class="dop_filter_attr" style="display:none;">
																											 <input type="checkbox" onclick="$(this)[0].form.submit();" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
																											 <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="red">({filter_attr_list.values.NB_GOODS_FILTERED})</span></label>
																								 </li>
																								 {%ENDIF%}
																							 {% ENDFOR %}
																							 </ul>
																				 </div>
																			 {% ENDFOR %}
									 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
									 {% FOR filter_prop_list %}
										 <div class="filter">
											 <div class="title">{filter_prop_list.NAME}:</div>
											 <ul>
											 {% FOR values %}
												 <li>
													 <input type="checkbox" onclick="$(this)[0].form.submit();" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} >
													 <label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="red">({filter_prop_list.values.NB_GOODS_FILTERED})</span></label>
												 </li>
											 {% ENDFOR %}
											 </ul>
										 </div>
									 {% ENDFOR %}
		 </div>
		 <!-- /END Осноные Фильтры -->
		 </form>
	 </div>
	 {% ENDIF %}
	 <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
В конец файла main.js добавьте
$(document).ready(function(){
		 $('.filters-mob .titleBlock').click(function(){
		 if($(this).hasClass('activeTitle')){
			 $(this).removeClass('activeTitle')
			 $(this).parent().find('form').hide(500);
		 } else {
			 $(this).addClass('activeTitle')
			 $(this).parent().find('form').show(500);
		 }
		 })
});
Далее в файле main.css найдите код
.compare-info .buttons .button {padding: 0 15px;font-size: 12px;}
и после него добавьте
.filters {display: none;}
.filters-mob{display:block;float: left;width: 100%;margin: 0px 0 20px;border:1px solid #E5E5E5;padding:10px;}
.filters-mob .titleBlock{position:relative;text-align:left;padding-bottom:5px;}
.filters-mob .titleBlock.activeTitle{border-bottom:1px solid #E5E5E5;margin-bottom:5px;}
.filters-mob .titleBlock:after{content:"\f0da";display:block;position:absolute;top:0;right:5px;font-family:"FontAwesome";}
.filters-mob .titleBlock.activeTitle:after{content:"\f0dd";}
.filters-mob form{display:none;}
Далее найдите код
/** Фильтры **/
после него добавьте
.filters-mob{display:none;}

Скажите, как это выровнять? http://prntscr.com/i59gt4
http://prntscr.com/i59h7l как то все неровно стало
и сама картинка товара отображается на половину

#22 Stasya

Stasya

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

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

Отправлено 30 Январь 2018 - 14:13

Просмотр сообщенияRibka (25 Январь 2018 - 09:16) писал:

Скажите, как это выровнять? http://prntscr.com/i59gt4
http://prntscr.com/i59h7l как то все неровно стало
и сама картинка товара отображается на половину
Здравствуйте. В шаблоне HTML найдите код
<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list%}{% IF CATEGORY_NAME=Подарочные сертификаты%}col-md-12{% ELSE %}col-xs-9{% ENDIF %} col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
и замените его на
<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list%}{% IF CATEGORY_NAME=Подарочные сертификаты%}col-md-12{% ELSE %}col-md-9{% ENDIF %} col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">


#23 Ribka

Ribka

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

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

Отправлено 30 Январь 2018 - 21:29

Просмотр сообщенияStasya (30 Январь 2018 - 14:13) писал:

Здравствуйте. В шаблоне HTML найдите код
<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list%}{% IF CATEGORY_NAME=Подарочные сертификаты%}col-md-12{% ELSE %}col-xs-9{% ENDIF %} col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
и замените его на
<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list%}{% IF CATEGORY_NAME=Подарочные сертификаты%}col-md-12{% ELSE %}col-md-9{% ENDIF %} col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">

Все получилось! Спасибо




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

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