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


Фильтрация По Разделам Каталога - Перенести Вверх, Вместо Сбоку.


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

#1 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 797 сообщений
  • Городмосква

Отправлено 27 Март 2019 - 15:36

Сейчас она находится слева, это неудобно.
Помогите, пожалуйста, как реализовать ее отображение вверху, над товарами?

#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 04 Апрель 2019 - 08:29

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
			  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
			  {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
			  <div class="block filters">
				<h3 class="title _main"><span class="fal fa-filter"></span> Фильтры</h3>
				<div class="content">
				  <div class="content-title">Фильтры<button class="content-close-btn"><i class="fal fa-times"></i></button></div>
				  <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
				  <form action="#page-title" method="get" id="filters-form">
					<!-- Активные Фильтры -->
					<div class="filters-goods-active" {% FOR filter_attr_list %}{% FOR values %}{% IF filter_attr_list.values.CHECKED %}style="display: block;"{% ENDIF %}{% ENDFOR %}{% ENDFOR %} {% FOR filter_prop_list %}{% FOR values %}{% IF filter_prop_list.values.CHECKED %}style="display: block;"{% ENDIF %}{% ENDFOR %}{% ENDFOR %}>
					  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
					  <div class="filter">
						<div class="title">Активные фильтры:<span class="filter-arrow fal fa-angle-up"></span></div>						
						<ul class="filter-inner">
						  {% FOR filter_attr_list %}{% FOR values %}{% IF filter_attr_list.values.CHECKED %}<li class="filter-item"><label class="button button2 small" for="filterAttrVal{filter_attr_list.values.ID}"><i class="fal fa-times" aria-hidden="true"></i><span>{filter_attr_list.values.VALUE}</span> <span class="counter">{filter_attr_list.values.NB_GOODS_FILTERED}</span></label></li>{% ENDIF %}{% ENDFOR %}{% ENDFOR %}
						  {% FOR filter_prop_list %}{% FOR values %}{% IF filter_prop_list.values.CHECKED %}<li class="filter-item"><label class="button button2 small" for="filterPropVal{filter_prop_list.values.ID}"><i class="fal fa-times" aria-hidden="true"></i><span>{filter_prop_list.values.VALUE}</span> <span class="counter">{filter_prop_list.values.NB_GOODS_FILTERED}</span></label></li>{% ENDIF %}{% ENDFOR %}{% ENDFOR %}
						</ul>
						<button id="filters-reset" type="button" class="button button2 small" onclick="javascript:document.location = document.location.pathname;">Сбросить все фильтры</button>
					  </div>
					  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
					</div>
					<!-- /END Осноные Фильтры -->
					<!-- Если есть возможность фильтрации товаров по ценам -->
					{% IF SHOW_GOODS_PRICE_FILTERS %}
					  <div class="filters-price">
						<div class="title">Фильтры по ценам:<span class="filter-arrow fal fa-angle-up"></span></div>
						<div class="layout-slider">
						  <div class="filter-range-col">
							<label class="filter-range-label" for="goods-filter-min-price">от</label>
							<input id="goods-filter-min-price" class="input" 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(this, event);" onpaste="return false;" />							
						  </div>
						  <span class="price-separator">-</span>
						  <div class="filter-range-col">
							<label class="filter-range-label" for="goods-filter-max-price">до</label>
							<input id="goods-filter-max-price" class="input" 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(this, event);" onpaste="return false;" />
						  </div>
						  <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 button2 small" type="submit" title="Показать">Показать</button>
						  </div>
						</div>
					  </div>
					{% ENDIF %}
					<!-- /END Если есть возможность фильтрации товаров по ценам -->
					<!-- Осноные Фильтры -->
					<div class="filters-goods">
					  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
					  {% FOR filter_attr_list %}
						<div class="filter">
						  <div class="title {% IF filter_attr_list.index > 3 %}active{% ENDIF %}">{filter_attr_list.NAME}:<span class="filter-arrow fal fa-angle-up"></span></div>
						  <ul class="filter-inner {% FOR values %}{% IF filter_attr_list.values.index > 10 %}crop{break}{% ENDIF %}{% ENDFOR %}" {% IF filter_attr_list.index > 3 %}style="display:none"{% ENDIF %}>
						  {% FOR values %}
							<li class="filter-item">
							  <input class="checkbox-hidden" type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
							  <label class="checkbox-name" for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="counter">{filter_attr_list.values.NB_GOODS_FILTERED}</span></label>
							</li>
						  {% ENDFOR %}
						  </ul>
						</div>
					  {% ENDFOR %}
					  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
					  {% FOR filter_prop_list %}
						<div class="filter">
						  <div class="title {% IF filter_prop_list.index > 3 %}active{% ENDIF %}">{filter_prop_list.NAME}:<span class="filter-arrow fal fa-angle-up"></span></div>
						  <ul class="filter-inner {% FOR values %}{% IF filter_prop_list.values.index > 10 %}crop{break}{% ENDIF %}{% ENDFOR %}" {% IF filter_prop_list.index > 3 %}style="display:none"{% ENDIF %}>
						  {% FOR values %}
							<li class="filter-item">
							  <input class="checkbox-hidden" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} >
							  <label class="checkbox-name" for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="counter">{filter_prop_list.values.NB_GOODS_FILTERED}</span></label>
							</li>
						  {% ENDFOR %}
						  </ul>
						  {% FOR values %}
							{% IF filter_prop_list.values.index > 10 %}
							<button class="filter-more" type="button"><span class="filter-moreText pseudo-link">Показать все</span> <span class="filter-moreArrow fal fa-angle-down"></span></button>
							{break}
							{% ENDIF %}
						  {% ENDFOR %}
						</div>
					  {% ENDFOR %}
					</div>
					<!-- /END Осноные Фильтры -->
				  </form>
				</div>
			  </div>
			  {% ENDIF %}
			  <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->	
  
  
перенесите его в шаблон Товары, поставив после:
		  </div>
		  <!-- /END Вид Таблица/Список -->		  
		</form>
		</noindex>
	  </div>
	  <!-- END Верхний блок, изменяющий отображение данных выдачи товаров -->
	{% ENDIF %}
	
	<!-- Блок навигации по категориям, вложенным в текущую категорию -->
	{% IFNOT nested_categories_list_empty %}
	<div class="categories clear">
	  {% FOR nested_categories_list %}
		<div class="item">
		  <div class="cat-name" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">
			<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
		  </div>
		  <div class="cat-image">
			<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">
			  <img class="goods-cat-image-medium lozad" data-src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=techno{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">  
			</a>
		  </div>
		</div>
	  {% ENDFOR %}
	</div>
	{% ENDIF %}
    

далее найдите и удалите:
<h3 class="title _main"><span class="fal fa-filter"></span> Фильтры</h3>

далее зайдите в main.css - найдите:
.filters-goods .filter label {display: inline-block;margin-bottom: 3px;}

перед ним вставьте:
.filters-goods .filter {display: inline-block; margin:0 5px;vertical-align: top;}
.filters-goods .filter ul {padding:0;}
.filters-goods .filter li {list-style: none;}





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

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