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


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

Автор explosive, 13 янв. 2017 21:25

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

#1 explosive

explosive

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 114 сообщений
  • ГородСанкт-Петербург

Отправлено 13 Январь 2017 - 21:25

А кто нибудь пробовал реализовывать вот такой фильтр?
Чтобы можно было раскрыть необходимые стрелочкой и там уже поставить нужные фильтры

Безымянный - 2.jpg

#2 Vaccina

Vaccina

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

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

Отправлено 14 Январь 2017 - 05:31

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
{% IF TARIFF_FEATURE_GOODS_FILTERS %}
<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
{% IF SHOW_GOODS_FILTERS %}

<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
<form action="" method="get">
<div class="contentTbodySearchFilterBlock cornerAll">
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
{% FOR filter_attr_list %}
<span class="contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
<div class="contentTbodySearchFilterBlockValues">
{% FOR values %}
<input 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 for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br />
{% IFNOT filter_attr_list.values.last %}{filter_attr_list.values.index | is_divided("5","</div><div class=contentTbodySearchFilterBlockValues>","")}{% ENDIF %}
{% ENDFOR %}
</div>
{% ENDFOR %}
<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
{% FOR filter_prop_list %}
<span class="contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
<div class="contentTbodySearchFilterBlockValues">
{% FOR values %}
<input 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 for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</label><br />
{% IFNOT filter_prop_list.values.last %}{filter_prop_list.values.index | is_divided("4","</div><div class=contentTbodySearchFilterBlockValues>","")}{% ENDIF %}
{% ENDFOR %}
</div>
{% ENDFOR %}
<div style="clear: both;"></div>
</div>
</form>
</ul>
</li>
{% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

замените на:
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
						  {% IF TARIFF_FEATURE_GOODS_FILTERS %}
								<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
								{% IF SHOW_GOODS_FILTERS %}
								  <div class="filters contentTbodySearchFilterBlock cornerAll">
										<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
										<form action="" method="get">
										  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккумулятора) -->
										  {% FOR filter_attr_list %}
												<div class="filter">
												  {filter_attr_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_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_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 %}
										  <input type="submit" value="Применить фильтр" style="width: 296px; padding: 4px 13px; font-size: 12px; margin: 10px 0 0 4px;" />
										  <div class="clear"></div>
										</form>
								  </div>
								{% ENDIF %}
						  {% ENDIF %}
						  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

#3 Ribka

Ribka

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

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

Отправлено 17 Ноябрь 2017 - 23:48

Просмотр сообщенияVaccina (14 Январь 2017 - 05:31) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
{% IF TARIFF_FEATURE_GOODS_FILTERS %}
<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
{% IF SHOW_GOODS_FILTERS %}

<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
<form action="" method="get">
<div class="contentTbodySearchFilterBlock cornerAll">
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
{% FOR filter_attr_list %}
<span class="contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
<div class="contentTbodySearchFilterBlockValues">
{% FOR values %}
<input 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 for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br />
{% IFNOT filter_attr_list.values.last %}{filter_attr_list.values.index | is_divided("5","</div><div class=contentTbodySearchFilterBlockValues>","")}{% ENDIF %}
{% ENDFOR %}
</div>
{% ENDFOR %}
<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
{% FOR filter_prop_list %}
<span class="contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
<div class="contentTbodySearchFilterBlockValues">
{% FOR values %}
<input 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 for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</label><br />
{% IFNOT filter_prop_list.values.last %}{filter_prop_list.values.index | is_divided("4","</div><div class=contentTbodySearchFilterBlockValues>","")}{% ENDIF %}
{% ENDFOR %}
</div>
{% ENDFOR %}
<div style="clear: both;"></div>
</div>
</form>
</ul>
</li>
{% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

замените на:
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
						 {% IF TARIFF_FEATURE_GOODS_FILTERS %}
							 <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
							 {% IF SHOW_GOODS_FILTERS %}
								 <div class="filters contentTbodySearchFilterBlock cornerAll">
									 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
									 <form action="" method="get">
										 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккумулятора) -->
										 {% FOR filter_attr_list %}
											 <div class="filter">
												 {filter_attr_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_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_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 %}
										 <input type="submit" value="Применить фильтр" style="width: 296px; padding: 4px 13px; font-size: 12px; margin: 10px 0 0 4px;" />
										 <div class="clear"></div>
									 </form>
								 </div>
							 {% ENDIF %}
						 {% ENDIF %}
						 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

Добрый день!
а на моем шаблоне такое вид фильтров как реализовать? https://prnt.sc/hbucd7 + https://prnt.sc/hbujdg
1. Переместить название категории в левый верхний угол
2 - 3. Переместить фильтры, выделить блок с ценой серой рамкой.
4. На старом месте фильтров оставить только сортировку (выделить серой рамкой)
п. 2,3,4 отобразить одинаковыми по расположению (высоте)
5. Переместить вид каталога в другой угол
6. Сделать левую часть фильтров - ПЛАВАЮЩЕЙ ПО СТРАНИЦЕ КАТЕГОРИИ
7. Убрать с левой части каталога блок "вы смотрели" чтобы не мешался

#4 Ribka

Ribka

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

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

Отправлено 03 Декабрь 2017 - 16:58

Просмотр сообщенияRibka (17 Ноябрь 2017 - 23:48) писал:

Добрый день!
а на моем шаблоне такое вид фильтров как реализовать? https://prnt.sc/hbucd7 + https://prnt.sc/hbujdg
1. Переместить название категории в левый верхний угол
2 - 3. Переместить фильтры, выделить блок с ценой серой рамкой.
4. На старом месте фильтров оставить только сортировку (выделить серой рамкой)
п. 2,3,4 отобразить одинаковыми по расположению (высоте)
5. Переместить вид каталога в другой угол
6. Сделать левую часть фильтров - ПЛАВАЮЩЕЙ ПО СТРАНИЦЕ КАТЕГОРИИ
7. Убрать с левой части каталога блок "вы смотрели" чтобы не мешался

Добрый вечер! Подскажите, пожалуйста, можно так сделать или нет?

#5 Ribka

Ribka

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

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

Отправлено 09 Декабрь 2017 - 12:46

Просмотр сообщенияRibka (03 Декабрь 2017 - 16:58) писал:

Добрый вечер! Подскажите, пожалуйста, можно так сделать или нет?

:(

#6 Firefly

Firefly

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

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

Отправлено 11 Декабрь 2017 - 17:17

Просмотр сообщенияRibka (17 Ноябрь 2017 - 23:48) писал:

Добрый день!
а на моем шаблоне такое вид фильтров как реализовать? https://prnt.sc/hbucd7 + https://prnt.sc/hbujdg
1. Переместить название категории в левый верхний угол
2 - 3. Переместить фильтры, выделить блок с ценой серой рамкой.
4. На старом месте фильтров оставить только сортировку (выделить серой рамкой)
п. 2,3,4 отобразить одинаковыми по расположению (высоте)
5. Переместить вид каталога в другой угол
6. Сделать левую часть фильтров - ПЛАВАЮЩЕЙ ПО СТРАНИЦЕ КАТЕГОРИИ
7. Убрать с левой части каталога блок "вы смотрели" чтобы не мешался

Здравствуйте.
Внес Вам изменения.
В шаблоне HTML добавил код фильтров

В шаблоне main.js добавил код:
jQuery(document).ready(function($) {
function MobileDetect() {
var UA = navigator.userAgent.toLowerCase();
return (/android|webos|iris|bolt|mobile|iphone|ipad|ipod|iemobile|blackberry|windows phone|opera mobi|opera mini/i.test(UA)) ? true : false;
}
// Если браузер не мобильный, работаем
if (!MobileDetect()) {
var
$window = $(window), // Основное окно
$target = $("#filters-goods-left"), // Блок, который нужно фиксировать при прокрутке
$h = $target.offset().top; // Определяем координаты верха нужного блока (например, с навигацией или виджетом, который надо фиксировать)

$window.on('scroll', function() {
// Как далеко вниз прокрутили страницу
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
// Если прокрутили скролл ниже макушки нужного блока, включаем ему фиксацию
if (scrollTop > $h) {
	 $target.addClass("fixed_filters");
// Иначе возвращаем всё назад
} else {	
	 $target.removeClass("fixed_filters");
}
});
}
});

В main.css добавил код:
.fixed_filters {position: fixed;margin: 170px 0 0 15px;width: 270px;left: 0;top: 0;}

А так же перенес заголовки в HTML после кода:
		 <div class="col-md-12">
		 <!-- Заголовок страницы -->

В конце создал бэкап.

Проверьте результат.

#7 Ribka

Ribka

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

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

Отправлено 11 Декабрь 2017 - 22:40

Просмотр сообщенияFirefly (11 Декабрь 2017 - 17:17) писал:

Здравствуйте.
Внес Вам изменения.
В шаблоне HTML добавил код фильтров

В шаблоне main.js добавил код:
jQuery(document).ready(function($) {
function MobileDetect() {
var UA = navigator.userAgent.toLowerCase();
return (/android|webos|iris|bolt|mobile|iphone|ipad|ipod|iemobile|blackberry|windows phone|opera mobi|opera mini/i.test(UA)) ? true : false;
}
// Если браузер не мобильный, работаем
if (!MobileDetect()) {
var
$window = $(window), // Основное окно
$target = $("#filters-goods-left"), // Блок, который нужно фиксировать при прокрутке
$h = $target.offset().top; // Определяем координаты верха нужного блока (например, с навигацией или виджетом, который надо фиксировать)

$window.on('scroll', function() {
// Как далеко вниз прокрутили страницу
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
// Если прокрутили скролл ниже макушки нужного блока, включаем ему фиксацию
if (scrollTop > $h) {
	 $target.addClass("fixed_filters");
// Иначе возвращаем всё назад
} else {	
	 $target.removeClass("fixed_filters");
}
});
}
});

В main.css добавил код:
.fixed_filters {position: fixed;margin: 170px 0 0 15px;width: 270px;left: 0;top: 0;}

А так же перенес заголовки в HTML после кода:
		 <div class="col-md-12">
		 <!-- Заголовок страницы -->

В конце создал бэкап.

Проверьте результат.

Спасибо что увидели мое сообщение!
На главной странице выдает ошибку, которая не отображают всю главную страницу

На странице возникла JS ошибка:


Uncaught TypeError: Cannot read property 'top' of undefined на строке: 2356.


Адрес файла: https://pro-ribku.ru...e&lc=1513002032


Фильтры отображаются тоже с багом, когда прокручиваешь страницу. не ровно фиксируется, съезжает и весь сайт как то криво отображается :unsure:
Это можно все исправить? и убрать ффиксирование, т.к при прокрутке страницы все фильтры не вмещаются

На странице возникла JS ошибк



Просмотр сообщенияRibka (11 Декабрь 2017 - 22:38) писал:

Спасибо что увидели мое сообщение!
На главной странице выдает ошибку, которая не отображают всю главную страницу

На странице возникла JS ошибка:


Uncaught TypeError: Cannot read property 'top' of undefined на строке: 2356.


Адрес файла: https://pro-ribku.ru...e&lc=1513002032


Фильтры отображаются тоже с багом, когда прокручиваешь страницу. не ровно фиксируется, съезжает и весь сайт как то криво отображается :unsure:
Это можно все исправить?

На странице возникла JS ошибк




бекап утренний я восстановила, иначе смотреть страшшно(

#8 Ирина345

Ирина345

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

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

Отправлено 14 Декабрь 2017 - 15:44

Просмотр сообщенияRibka (11 Декабрь 2017 - 22:40) писал:

Спасибо что увидели мое сообщение!
На главной странице выдает ошибку, которая не отображают всю главную страницу

На странице возникла JS ошибка:


Uncaught TypeError: Cannot read property 'top' of undefined на строке: 2356.


Адрес файла: https://pro-ribku.ru...e&lc=1513002032


Фильтры отображаются тоже с багом, когда прокручиваешь страницу. не ровно фиксируется, съезжает и весь сайт как то криво отображается :unsure:
Это можно все исправить? и убрать ффиксирование, т.к при прокрутке страницы все фильтры не вмещаются

На странице возникла JS ошибк






бекап утренний я восстановила, иначе смотреть страшшно(

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

#9 Ribka

Ribka

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

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

Отправлено 16 Декабрь 2017 - 12:43

Просмотр сообщенияИрина345 (14 Декабрь 2017 - 15:44) писал:

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

Версия бекапа скорей всего от 11 декабря. Какая именно сказать не могу.

1.   Фильтры не ровно фиксируется, съезжает и весь сайт как то криво отображается :unsure:
Надо убрать ффиксирование, т.к при прокрутке страницы все фильтры не вмещаются

2.    На главной странице выдает ошибку, которая не отображают всю главную страницу

На странице возникла JS ошибка:


Uncaught TypeError: Cannot read property 'top' of undefined на строке: 2356.


Адрес файла: https://pro-ribku.ru...e&lc=1513002032

#10 Ribka

Ribka

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

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

Отправлено 17 Декабрь 2017 - 13:00

Я полностью пересмотрела виды фильтров. Все что выше написано - неактуально.

Можно сделать фильтры как в шаблоне "Город"?

1. Удалить каталог с левой стороны во всех категориях и подкатегориях
2. Удалить блок "вы смотрели" с левой стороны - везде  (категории, подкатегории)
3. Переместить название категории в левый верхний угол
4. Переместить фильтры, выделить блок с ценой серой рамкой.
5. На старом месте фильтров оставить только сортировку (выделить серой рамкой)

Вид фильтров:
1. https://prnt.sc/hol7wq - выводить только 6 характеристик. Если их больше 6,то выводить кнопку ЕЩЕ > https://prnt.sc/hol9av - всплывающее окно с выбором
2. Выводить кол-во в скобках (2)

Должно получиться примерно так https://prnt.sc/holaw6

#11 Ribka

Ribka

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

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

Отправлено 23 Декабрь 2017 - 00:16

Просмотр сообщенияRibka (17 Декабрь 2017 - 13:00) писал:

Я полностью пересмотрела виды фильтров. Все что выше написано - неактуально.

Можно сделать фильтры как в шаблоне "Город"?

1. Удалить каталог с левой стороны во всех категориях и подкатегориях
2. Удалить блок "вы смотрели" с левой стороны - везде  (категории, подкатегории)
3. Переместить название категории в левый верхний угол
4. Переместить фильтры, выделить блок с ценой серой рамкой.
5. На старом месте фильтров оставить только сортировку (выделить серой рамкой)

Вид фильтров:
1. https://prnt.sc/hol7wq - выводить только 6 характеристик. Если их больше 6,то выводить кнопку ЕЩЕ > https://prnt.sc/hol9av - всплывающее окно с выбором
2. Выводить кол-во в скобках (2)

Должно получиться примерно так https://prnt.sc/holaw6


:(

#12 Ирина345

Ирина345

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

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

Отправлено 26 Декабрь 2017 - 10:48

Просмотр сообщенияRibka (17 Декабрь 2017 - 13:00) писал:

Я полностью пересмотрела виды фильтров. Все что выше написано - неактуально.

Можно сделать фильтры как в шаблоне "Город"?

1. Удалить каталог с левой стороны во всех категориях и подкатегориях
2. Удалить блок "вы смотрели" с левой стороны - везде  (категории, подкатегории)
3. Переместить название категории в левый верхний угол
4. Переместить фильтры, выделить блок с ценой серой рамкой.
5. На старом месте фильтров оставить только сортировку (выделить серой рамкой)

Вид фильтров:
1. https://prnt.sc/hol7wq - выводить только 6 характеристик. Если их больше 6,то выводить кнопку ЕЩЕ > https://prnt.sc/hol9av - всплывающее окно с выбором
2. Выводить кол-во в скобках (2)

Должно получиться примерно так https://prnt.sc/holaw6
Здравствуйте, извините за долгий ответ.
1,2. Найдите в шаблоне HTML код
  {% IFNOT catalog_full_empty %}
			<div class="block catalog">
			  <h4 class="title"><a href="{CATALOG_URL}">Каталог</a></h4>
			  <div class="content">
				<ul>
				  {% FOR catalog_full %}
					{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
					<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
					  <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
					{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				  {% ENDFOR %}
				</ul>
			  </div>
			</div>
			{% ENDIF %}
			<!-- /END Каталог -->
<!-- Вы смотрели -->
						{% IFNOT recently_viewed_goods_empty %}
						<div class="block viewed">
						  <h4 class="title">Вы смотрели</h4>
						  <div class="content">
								<ul class="viewed-items">
{% FOR recently_viewed_goods %}
{% IFNOT recently_viewed_goods.NAME=Otzyvy-o-magazine %}
																  <div class="recently-item">
																				<a href="{recently_viewed_goods.URL}" title="{recently_viewed_goods.NAME}" class="product-image">
																				  <img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=sport{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}">
																				</a>
																				<div class="ratings">
																								<div class="rating-box">
																								  {% IF recently_viewed_goods.OPINION_RATING_VALUE %}
																								  <span>
																												<div class="rating" style="width:{recently_viewed_goods.OPINION_RATING_VALUE}0%" alt="{recently_viewed_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
																								  </span>
																								  {% ELSE %}
																												<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
																								  {% ENDIF %}
																								</div>
																				  </div>
																				<div class="recently-item-content">
																				  <p class="product-name">
																								<a href="{recently_viewed_goods.URL}" title="{recently_viewed_goods.NAME}">{recently_viewed_goods.NAME}</a>
																				  </p>

																				  <div class="price-box">
																								{% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
																								<span class="old-price">
																								  <span class="price {CURRENCY_CHAR_CODE}">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
																								</span>
																								{% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
																								<span class="old-price">
																								  <span class="price {CURRENCY_CHAR_CODE}">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span>
																								</span>
																								{% ENDIF %}
																								<span class="price {CURRENCY_CHAR_CODE}">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span>
																				  </div>
																				  <div class="actions">
																								<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{recently_viewed_goods.MIN_PRICE_NOW_ID} goodsListForm">
																								  <input type="hidden" name="hash" value="{HASH}" />
																								  <input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" />
																								  <input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" />
																								  <a class="add-cart button button2" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && recently_viewed_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>В корзину</a>
																								  <!-- Если есть возможность добавить товар в избранное -->
																								  {% IF recently_viewed_goods.IS_HAS_IN_FAVORITES_LIST %}
																												<a class="add-wishlist added"
																												  data-action-is-add="0"
																												  data-action-add-url="{FAVORITES_ADD_URL}"
																												  data-action-delete-url="{FAVORITES_DELETE_URL}"
																												  data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
																												  data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
																												  title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
																												  href="{FAVORITES_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
																												><i class="fa fa-heart"></i></a>
																								  {% ELSE %}
																												<a class="add-wishlist"
																												  data-action-is-add="1"
																												  data-action-add-url="{FAVORITES_ADD_URL}"
																												  data-action-delete-url="{FAVORITES_DELETE_URL}"
																												  data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
																												  data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
																												  title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
																												><i class="fa fa-heart"></i></a>
																								  {% ENDIF %}
																								  <!-- END Если есть возможность добавить товар в избранное -->
																								  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
																								  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
																												{% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %}
																												  <a class="add-compare added"
																																data-action-is-add="0"
																																data-action-add-url="{COMPARE_ADD_URL}"
																																data-action-delete-url="{COMPARE_DELETE_URL}"
																																data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
																																data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
																																data-prodname="{recently_viewed_goods.NAME}"
																																data-produrl="{recently_viewed_goods.URL}"
																																data-id="{recently_viewed_goods.ID}"
																																data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}"
																																title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
																																href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
																												  ><i class="fa fa-retweet"></i></a>
																												{% ELSE %}
																												  <a class="add-compare"
																																data-action-is-add="1"
																																data-action-add-url="{COMPARE_ADD_URL}"
																																data-action-delete-url="{COMPARE_DELETE_URL}"
																																data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
																																data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
																																data-prodname="{recently_viewed_goods.NAME}"
																																data-produrl="{recently_viewed_goods.URL}"
																																data-id="{recently_viewed_goods.ID}"
																																data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}"
																																title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
																																href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
																												  ><i class="fa fa-retweet"></i></a>
																												{% ENDIF %}
																								  {% ENDIF %}
																								  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
																								</form>
																				  </div>
																				  <div class="clear"></div>
																				</div>
																  </div>
				  {% ENDIF %}
																  {% ENDFOR %}
								</ul>
						  </div>
						</div>
						{% ENDIF %}
						<!-- /END Вы смотрели -->

и удалите.
3. Произведите изменения по инструкции выше и уточните на скриншоте, куда переместить название.
4,5  Найдите в шаблоне Товары код
{% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
		<div class="filters">
		  <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
		  <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">
				  {filter_attr_list.NAME}:<br />
					<select class="inputText" 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 %}{% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE}</option>
					  {% ENDFOR %}
					</select>
				</div>
			  {% ENDFOR %}
			  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
			  {% FOR filter_prop_list %}
				<div class="filter">
				  {filter_prop_list.NAME}:<br />
					<select class="inputText" 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 %} {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE}</option>
					  {% ENDFOR %}
					</select>
				</div>
			  {% ENDFOR %}
			  <!-- Если есть возможность фильтрации товаров по наличию -->
			  {% IF SHOW_GOODS_REST_FILTER %}
			   <div class="filter rest_filter">
			   <div class="contentTbodySearchRestFilterBlock cornerAll">
			   <input class="valignMiddle" id="filter_only_with_rest" type="checkbox" name="form[filter_only_with_rest]" {% IF FORM_FILTER_ONLY_WITH_REST %}checked="checked"{% ENDIF %} value="1" onclick="this.form.submit();"
			   /><label class="valignMiddle" for="filter_only_with_rest">Показать только товары в наличии</label>
				</div>
				</div>
			  {% ENDIF %}
			  <!-- END Если есть возможность фильтрации товаров по наличию -->
			</div>
			<!-- /END Осноные Фильтры -->
		  </form>
		</div>
		{% ENDIF %}
		<!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
и переместите в шаблон hTML после строк
		<ul>
				  {% IFNOT CLIENT_IS_LOGIN %}
				  <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход</a></li>
				  <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}">Сравнение</a></li>{% ENDIF %}
				  {% ELSE %}
				  <li><a href="{USER_SETTINGS_URL}">Мой кабинет</a></li>
				  <li><a href="{FAVORITES_URL}">Избранное</a></li>
				  <li><a href="{USER_HISTORY_LIST_URL}">История заказов</a></li>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}">Сравнение</a></li>{% ENDIF %}
				  <li><a href="{USER_LOGOUT_URL}">Выход</a></li>
				  {% ENDIF %}
				</ul>
			  </div>
			</div>
			{% ENDIF %}
			<!-- /END Меню пользователя ЛК -->
			<!-- Каталог -->

Фильтры
найдите в шаблоне hTML код
  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
			  {% FOR filter_attr_list %}
				<div class="filter">
				  {filter_attr_list.NAME}:<br />
					<select class="inputText" 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 %}{% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE}</option>
					  {% ENDFOR %}
					</select>
				</div>
			  {% ENDFOR %}
			  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
			  {% FOR filter_prop_list %}
				<div class="filter">
				  {filter_prop_list.NAME}:<br />
					<select class="inputText" 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 %} {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE}</option>
					  {% ENDFOR %}
					</select>
				</div>
			  {% ENDFOR %}

замените на
{% FOR filter_attr_list %}
					  <div class="filter">
						<div class="title">{filter_attr_list.NAME}:</div>
						<ul>
						{% FOR values %}
						  <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 %}
						</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 %}

далее найдите код
<!-- Если есть возможность фильтрации товаров по наличию -->
			  {% IF SHOW_GOODS_REST_FILTER %}
			   <div class="filter rest_filter">
			   <div class="contentTbodySearchRestFilterBlock cornerAll">
			   <input class="valignMiddle" id="filter_only_with_rest" type="checkbox" name="form[filter_only_with_rest]" {% IF FORM_FILTER_ONLY_WITH_REST %}checked="checked"{% ENDIF %} value="1" onclick="this.form.submit();"
			   /><label class="valignMiddle" for="filter_only_with_rest">Показать только товары в наличии</label>
				</div>
				</div>
			  {% ENDIF %}
			  <!-- END Если есть возможность фильтрации товаров по наличию -->
и переместите его в шаблон Товары, после строк
		 <li class="prev-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_PREVIOUS}" title="Предыдущая страница">{GOODS_PAGES_PREVIOUS}</a></li>
			  {% ENDIF %}
			  <li class="current"><span>{GOODS_PAGES_CURRENT}</span></li>
			  {% IF GOODS_PAGES_SHOW_LAST %}
			  <li class="next-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_NEXT}" title="Следующая страница">{GOODS_PAGES_NEXT}</a></li>
			  <li class="last-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_LAST}" title="Последняя страница"><i class="fa fa-angle-right"></i></a></li>
			  {% ENDIF %}
			</ol>
		  </div>
		  {% ENDIF %}
		  <!-- /END Страницы -->

далее найдите в файле main.css код
.filters-goods .filter {
	display: inline-block;
	margin: 0 15px 15px 0;
}
замените на
.filters-goods .filter li {
	list-style-type: none;
}

.filters-goods .filter {
	display: block;
	margin: 0 15px 15px 0;
}

#13 Ribka

Ribka

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

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

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

Просмотр сообщенияИрина345 (26 Декабрь 2017 - 10:48) писал:

Здравствуйте, извините за долгий ответ.
1,2. Найдите в шаблоне HTML код
{% IFNOT catalog_full_empty %}
<div class="block catalog">
<h4 class="title"><a href="{CATALOG_URL}">Каталог</a></h4>
<div class="content">
<ul>
{% FOR catalog_full %}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{% ENDFOR %}
</ul>
</div>
</div>
{% ENDIF %}
<!-- /END Каталог -->
<!-- Вы смотрели -->
{% IFNOT recently_viewed_goods_empty %}
<div class="block viewed">
<h4 class="title">Вы смотрели</h4>
<div class="content">
<ul class="viewed-items">
{% FOR recently_viewed_goods %}
{% IFNOT recently_viewed_goods.NAME=Otzyvy-o-magazine %}
<div class="recently-item">
<a href="{recently_viewed_goods.URL}" title="{recently_viewed_goods.NAME}" class="product-image">
<img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=sport{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}">
</a>
<div class="ratings">
<div class="rating-box">
{% IF recently_viewed_goods.OPINION_RATING_VALUE %}
<span>
<div class="rating" style="width:{recently_viewed_goods.OPINION_RATING_VALUE}0%" alt="{recently_viewed_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
</span>
{% ELSE %}
<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
{% ENDIF %}
</div>
</div>
<div class="recently-item-content">
<p class="product-name">
<a href="{recently_viewed_goods.URL}" title="{recently_viewed_goods.NAME}">{recently_viewed_goods.NAME}</a>
</p>

<div class="price-box">
{% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
<span class="old-price">
<span class="price {CURRENCY_CHAR_CODE}">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
</span>
{% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
<span class="old-price">
<span class="price {CURRENCY_CHAR_CODE}">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span>
</span>
{% ENDIF %}
<span class="price {CURRENCY_CHAR_CODE}">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span>
</div>
<div class="actions">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{recently_viewed_goods.MIN_PRICE_NOW_ID} goodsListForm">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" />
<a class="add-cart button button2" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && recently_viewed_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>В корзину</a>
<!-- Если есть возможность добавить товар в избранное -->
{% IF recently_viewed_goods.IS_HAS_IN_FAVORITES_LIST %}
<a class="add-wishlist added"
data-action-is-add="0"
data-action-add-url="{FAVORITES_ADD_URL}"
data-action-delete-url="{FAVORITES_DELETE_URL}"
data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
href="{FAVORITES_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
><i class="fa fa-heart"></i></a>
{% ELSE %}
<a class="add-wishlist"
data-action-is-add="1"
data-action-add-url="{FAVORITES_ADD_URL}"
data-action-delete-url="{FAVORITES_DELETE_URL}"
data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
><i class="fa fa-heart"></i></a>
{% ENDIF %}
<!-- END Если есть возможность добавить товар в избранное -->
<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
{% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %}
<a class="add-compare added"
data-action-is-add="0"
data-action-add-url="{COMPARE_ADD_URL}"
data-action-delete-url="{COMPARE_DELETE_URL}"
data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
data-prodname="{recently_viewed_goods.NAME}"
data-produrl="{recently_viewed_goods.URL}"
data-id="{recently_viewed_goods.ID}"
data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}"
title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
><i class="fa fa-retweet"></i></a>
{% ELSE %}
<a class="add-compare"
data-action-is-add="1"
data-action-add-url="{COMPARE_ADD_URL}"
data-action-delete-url="{COMPARE_DELETE_URL}"
data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
data-prodname="{recently_viewed_goods.NAME}"
data-produrl="{recently_viewed_goods.URL}"
data-id="{recently_viewed_goods.ID}"
data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}"
title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
><i class="fa fa-retweet"></i></a>
{% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
</form>
</div>
<div class="clear"></div>
</div>
</div>
{% ENDIF %}
{% ENDFOR %}
</ul>
</div>
</div>
{% ENDIF %}
<!-- /END Вы смотрели -->

и удалите.
3. Произведите изменения по инструкции выше и уточните на скриншоте, куда переместить название.
4,5  Найдите в шаблоне Товары код
{% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
	 <div class="filters">
		 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
		 <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">
				 {filter_attr_list.NAME}:<br />
				 <select class="inputText" 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 %}{% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE}</option>
					 {% ENDFOR %}
				 </select>
			 </div>
			 {% ENDFOR %}
			 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
			 {% FOR filter_prop_list %}
			 <div class="filter">
				 {filter_prop_list.NAME}:<br />
				 <select class="inputText" 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 %} {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE}</option>
					 {% ENDFOR %}
				 </select>
			 </div>
			 {% ENDFOR %}
			 <!-- Если есть возможность фильтрации товаров по наличию -->
			 {% IF SHOW_GOODS_REST_FILTER %}
			 <div class="filter rest_filter">
			 <div class="contentTbodySearchRestFilterBlock cornerAll">
			 <input class="valignMiddle" id="filter_only_with_rest" type="checkbox" name="form[filter_only_with_rest]" {% IF FORM_FILTER_ONLY_WITH_REST %}checked="checked"{% ENDIF %} value="1" onclick="this.form.submit();"
			 /><label class="valignMiddle" for="filter_only_with_rest">Показать только товары в наличии</label>
			 </div>
			 </div>
			 {% ENDIF %}
			 <!-- END Если есть возможность фильтрации товаров по наличию -->
		 </div>
		 <!-- /END Осноные Фильтры -->
		 </form>
	 </div>
	 {% ENDIF %}
	 <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
и переместите в шаблон hTML после строк
	 <ul>
				 {% IFNOT CLIENT_IS_LOGIN %}
				 <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход</a></li>
				 <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li>
				 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}">Сравнение</a></li>{% ENDIF %}
				 {% ELSE %}
				 <li><a href="{USER_SETTINGS_URL}">Мой кабинет</a></li>
				 <li><a href="{FAVORITES_URL}">Избранное</a></li>
				 <li><a href="{USER_HISTORY_LIST_URL}">История заказов</a></li>
				 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}">Сравнение</a></li>{% ENDIF %}
				 <li><a href="{USER_LOGOUT_URL}">Выход</a></li>
				 {% ENDIF %}
			 </ul>
			 </div>
		 </div>
		 {% ENDIF %}
		 <!-- /END Меню пользователя ЛК -->
		 <!-- Каталог -->

Фильтры
найдите в шаблоне hTML код
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
			 {% FOR filter_attr_list %}
			 <div class="filter">
				 {filter_attr_list.NAME}:<br />
				 <select class="inputText" 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 %}{% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE}</option>
					 {% ENDFOR %}
				 </select>
			 </div>
			 {% ENDFOR %}
			 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
			 {% FOR filter_prop_list %}
			 <div class="filter">
				 {filter_prop_list.NAME}:<br />
				 <select class="inputText" 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 %} {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE}</option>
					 {% ENDFOR %}
				 </select>
			 </div>
			 {% ENDFOR %}

замените на
{% FOR filter_attr_list %}
					 <div class="filter">
					 <div class="title">{filter_attr_list.NAME}:</div>
					 <ul>
					 {% FOR values %}
						 <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 %}
					 </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 %}

далее найдите код
<!-- Если есть возможность фильтрации товаров по наличию -->
			 {% IF SHOW_GOODS_REST_FILTER %}
			 <div class="filter rest_filter">
			 <div class="contentTbodySearchRestFilterBlock cornerAll">
			 <input class="valignMiddle" id="filter_only_with_rest" type="checkbox" name="form[filter_only_with_rest]" {% IF FORM_FILTER_ONLY_WITH_REST %}checked="checked"{% ENDIF %} value="1" onclick="this.form.submit();"
			 /><label class="valignMiddle" for="filter_only_with_rest">Показать только товары в наличии</label>
			 </div>
			 </div>
			 {% ENDIF %}
			 <!-- END Если есть возможность фильтрации товаров по наличию -->
и переместите его в шаблон Товары, после строк
		 <li class="prev-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_PREVIOUS}" title="Предыдущая страница">{GOODS_PAGES_PREVIOUS}</a></li>
			 {% ENDIF %}
			 <li class="current"><span>{GOODS_PAGES_CURRENT}</span></li>
			 {% IF GOODS_PAGES_SHOW_LAST %}
			 <li class="next-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_NEXT}" title="Следующая страница">{GOODS_PAGES_NEXT}</a></li>
			 <li class="last-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_LAST}" title="Последняя страница"><i class="fa fa-angle-right"></i></a></li>
			 {% ENDIF %}
		 </ol>
		 </div>
		 {% ENDIF %}
		 <!-- /END Страницы -->

далее найдите в файле main.css код
.filters-goods .filter {
display: inline-block;
margin: 0 15px 15px 0;
}
замените на
.filters-goods .filter li {
list-style-type: none;
}

.filters-goods .filter {
display: block;
margin: 0 15px 15px 0;
}


здравствуйте! В целом все супер!
Код внесла, только есть несколько неточностей

Цитата

Вид фильтров:
1. https://prnt.sc/hol7wq - выводить только 6 характеристик. Если их больше 6,то выводить кнопку ЕЩЕ > https://prnt.sc/hol9av - всплывающее окно с выбором
2. Выводить кол-во в скобках (2)
Должно получиться примерно так https://prnt.sc/holaw6

На данный момент вот так https://prnt.sc/hy5puk

Подскажите, как доделать? или яя что-то не внесла в код, хотя проверяла

#14 Ирина345

Ирина345

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

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

Отправлено 11 Январь 2018 - 11:06

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

здравствуйте! В целом все супер!
Код внесла, только есть несколько неточностей


На данный момент вот так https://prnt.sc/hy5puk

Подскажите, как доделать? или яя что-то не внесла в код, хотя проверяла
Здравствуйте, найдите в шаблоне HTML код

{% FOR filter_attr_list %}
										  <div class="filter">
												<div class="title">{filter_attr_list.NAME}:</div>
												<ul>
												{% FOR values %}
												  <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 %}
												</ul>
										  </div>
										{% ENDFOR %}
замените на
{% 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="$('.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 %}

далее добавьте в конец файла main.css код
.more_filter_attr {
	cursor: pointer;
	color: #8b2c2a;
	font-weight: bold;
}

#15 Ribka

Ribka

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

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

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

Просмотр сообщенияИрина345 (11 Январь 2018 - 11:06) писал:

Здравствуйте, найдите в шаблоне HTML код

{% FOR filter_attr_list %}
										 <div class="filter">
											 <div class="title">{filter_attr_list.NAME}:</div>
											 <ul>
											 {% FOR values %}
												 <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 %}
											 </ul>
										 </div>
									 {% ENDFOR %}
замените на
{% 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="$('.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 %}

далее добавьте в конец файла main.css код
.more_filter_attr {
cursor: pointer;
color: #8b2c2a;
font-weight: bold;
}

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

Изменения внесла. НО

При нажатии на кнопку ЕЩЕ у одного фильтра, раскрывается дополнительные значения для всех фильтров. http://prntscr.com/hyvnbw
Нужно исправить, чтобы бы было для каждого отдельно

#16 Ирина345

Ирина345

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

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

Отправлено 11 Январь 2018 - 11:44

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

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

Изменения внесла. НО

При нажатии на кнопку ЕЩЕ у одного фильтра, раскрывается дополнительные значения для всех фильтров. http://prntscr.com/hyvnbw
Нужно исправить, чтобы бы было для каждого отдельно
Найдите в шаблоне HTML код
{%IF filter_attr_list.values.index=7%}
																								<div onclick="$('.dop_filter_attr').toggle('slow'); return(false);" class="more_filter_attr">Еще</div>
																								{%ENDIF%}
замените на

{%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%}

#17 Ribka

Ribka

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

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

Отправлено 11 Январь 2018 - 12:20

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

Найдите в шаблоне HTML код
{%IF filter_attr_list.values.index=7%}
																							 <div onclick="$('.dop_filter_attr').toggle('slow'); return(false);" class="more_filter_attr">Еще</div>
																							 {%ENDIF%}
замените на

{%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%}

Все супер. Большое спасибо :rolleyes:

а можно еще один момент посмотреть, я заметила его сейчас только

Когда мы убрали каталог с левой стороны и перенесли фильтры, то в главных категориях осталось пустое поле http://prntscr.com/hyw93j
Можно его убрать? Растянуть категории по ширине

#18 metry

metry

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

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

Отправлено 12 Январь 2018 - 18:23

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

 <div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">

замените на:

		  {% IFNOT GOODS_PAGES_RESULTS = 0%}
		   <div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
		  {% ELSE%}
		  <div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-12 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
		  {% ENDIF %}

#19 Ribka

Ribka

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

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

Отправлено 12 Январь 2018 - 22:31

Просмотр сообщенияmetry (12 Январь 2018 - 18:23) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">

замените на:

{% IFNOT GOODS_PAGES_RESULTS = 0%}
<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
{% ELSE%}
<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-12 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
{% ENDIF %}

Супер! Как и мечтала :rolleyes:

1. Скажите, а мобильную версию можно изменить вот так? https://prnt.sc/hzmgjn
Сейчас фильтры находятся в нижней части

- перенести наверх
- чтобы они раскрывались/скрывались

#20 Stasya

Stasya

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

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

Отправлено 24 Январь 2018 - 15:22

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

Супер! Как и мечтала :rolleyes:

1. Скажите, а мобильную версию можно изменить вот так? https://prnt.sc/hzmgjn
Сейчас фильтры находятся в нижней части

- перенести наверх
- чтобы они раскрывались/скрывались
В шаблоне Товары найдите код 
<!-- 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;}

Обратно в Вопросы общие для всех шаблонов


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

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

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