Фильтры (Дизайн)
#1
Отправлено 01 Март 2014 - 20:19
1. Выровнять название "Фильтровать по:" на уровень названий фильтров
2. Задать условие "Если" для длины значений характеристик и свойств: если меньше длины названия, то окошечно = длине названия, иначе = длине значения
3. Сделать "Сброс всех фильтров", можно использовать "крест" из корзины при удалении позиции
#2
Отправлено 01 Март 2014 - 22:47
а)добавить в редакторе шаблонов в шаблон main.css
в блоке
/* Фильтры */строчку
label_2 {float: left; margin-top: 15px; color:#333; }в строке
.filter label { vertical-align: top;}внести дополнения, чтобы она выглядела так:
.filter label { vertical-align: top; margin-left: 2px;}б)в шаблоне Товары
убрать строчку
<span style="color: #333;">Фильтровать по:и соответствующий закрывающий тэг
</span>
в)после строк
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS %}добавить строчку
<label_2>Фильтровать по:</label_2>
#3
Отправлено 04 Март 2014 - 20:57
Еще актуален хотя бы вопрос 3 отсюда http://forum.storela...йн/#entry124485
#4
Отправлено 05 Март 2014 - 06:39
miniplaneta (04 Март 2014 - 20:57) писал:
Еще актуален хотя бы вопрос 3 отсюда http://forum.storela...йн/#entry124485
Здравствуйте, можно сделать небольшой отступ между фильтром на цены и остальными фильтрами
Редактируем шаблон Товары
Находим 144 строку
<div class="filter">Заменяем на
<div class="filter" style="margin-right:50px;">
Так же можно добавить ограничивающую линию
Находим
<div class="filter">Заменяем на
<div class="filter" style="border-right: 1px solid #000;margin-right:25px;padding-right:25px;">
Кнопка для очистки фильтра
<button class="button" type="button" name="reset" onclick="javascript:document.location = document.location.pathname;">Очистить фильтр</button>
Ее необходимо вставить перед
</span> <!-- закрывающий тег цвета шрифта в начале блока фильтров -->
#5
Отправлено 05 Март 2014 - 12:24
если для этого мешает кнопка "Показать" под ценой, то ее можно убрать..., пусть фильтруется без нее
или 2-ой вариант: переставить местами Фильтр Цена и Остальное...
У меня в некоторых категориях будет много фильтров, поэтому для меня красивый перенос актуален. Кнопка "Показать" меня не напрягает, во втором варианте она уже помешать не сможет.
#6
Отправлено 05 Март 2014 - 18:58
miniplaneta (05 Март 2014 - 12:24) писал:
если для этого мешает кнопка "Показать" под ценой, то ее можно убрать..., пусть фильтруется без нее
или 2-ой вариант: переставить местами Фильтр Цена и Остальное...
У меня в некоторых категориях будет много фильтров, поэтому для меня красивый перенос актуален. Кнопка "Показать" меня не напрягает, во втором варианте она уже помешать не сможет.
Здравствуйте, попробуйте такой вариант
Редактируем шаблон Товары
Находим
<div class="filter" style="border-right: 1px solid #000;margin-right:25px;padding-right:25px;">
Заменяем на
<div class="filter" style="border-right: 1px solid #000;margin-right:25px;padding-right:25px;float: left;margin-top: 40px;margin-left: -100px;">
#7
Отправлено 06 Март 2014 - 11:39
Castiel (05 Март 2014 - 06:39) писал:
Ее необходимо вставить перед </span>
<button class="button" type="button" name="reset" onclick="javascript:document.location = document.location.pathname;">Очистить фильтр</button>
хочу это кнопку разместить справа..., через margin-right не получается, поэтому делаю
<button class="button" style="margin-left:735px;" type="button" name="reset" onclick="javascript:document.location = document.location.pathname;">Очистить все фильтры</button>
вопрос: для адаптивности вариант через Left - это нормально?
#8
Отправлено 06 Март 2014 - 11:46
miniplaneta (06 Март 2014 - 11:39) писал:
Здравствуйте, использовать margin не рекомендуется этот параметр может негативно повлиять на адаптивность.
Используйте float:right;
Находим
<button class="button" style="margin-left:735px;" type="button" name="reset" onclick="javascript:document.location = document.location.pathname;">Очистить все фильтры</button>
Заменяем на
<button class="button" style="float:right;" type="button" name="reset" onclick="javascript:document.location = document.location.pathname;">Очистить все фильтры</button>
#10
Отправлено 14 Март 2014 - 20:39
miniplaneta (14 Март 2014 - 16:30) писал:
В "Весне", в фильтрах нет счетчика товаров как в других шаблонах! Как это восполнить?
{filter_attr_list.values.VALUE}замените на
{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})
далее найдите
{filter_prop_list.values.VALUE}замените на
{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})
#12
Отправлено 25 Март 2014 - 08:36
Как синхронизировать фильтры: Фильтр по характеристикам и Фильтр по свойствам? Поясню по картинке: выбрал "цвет" (фильтр характеристик), открываю фильтр "размер" , а там все свойства! Необходимо, чтобы свойства с нулем уже не отображались для выбора в этом случае!
Тоже самое относится к совокупности характеристик между собой - 2 рис.
Цену можно не трогать, наверное ее невозможно сделать.
#13
Отправлено 25 Март 2014 - 18:40
Ser (25 Март 2014 - 08:06) писал:
Помогите сделать два вида фильтров?
1. В каталоге Постельное белье. рис.1
2. На главной странице под перед блоком "Вы смотрели" Рис 2
koloskov (25 Март 2014 - 08:36) писал:
Как синхронизировать фильтры: Фильтр по характеристикам и Фильтр по свойствам? Поясню по картинке: выбрал "цвет" (фильтр характеристик), открываю фильтр "размер" , а там все свойства! Необходимо, чтобы свойства с нулем уже не отображались для выбора в этом случае!
Тоже самое относится к совокупности характеристик между собой - 2 рис.
Цену можно не трогать, наверное ее невозможно сделать.
koloskov (25 Март 2014 - 08:36) писал:
Как синхронизировать фильтры: Фильтр по характеристикам и Фильтр по свойствам? Поясню по картинке: выбрал "цвет" (фильтр характеристик), открываю фильтр "размер" , а там все свойства! Необходимо, чтобы свойства с нулем уже не отображались для выбора в этом случае!
Тоже самое относится к совокупности характеристик между собой - 2 рис.
Цену можно не трогать, наверное ее невозможно сделать.
#14
Отправлено 25 Март 2014 - 18:53
support 2.0 (25 Март 2014 - 18:40) писал:
не понял. А откуда нолики берутся? разве нельзя привязаться к этим ноликам? если "0", то не отображать?
Но если это все же невозможно, то помогите сделать как в Вечности, отсутствующие характеристики меняют цвет и я так понимаю не выбираются
#15
Отправлено 25 Март 2014 - 20:57
koloskov (25 Март 2014 - 18:53) писал:
найдите в файле Товары
<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} ({filter_attr_list.values.NB_GOODS_FILTERED})</option>замените на
{% IF filter_attr_list.values.NB_GOODS_FILTERED > 0 %} <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} ({filter_attr_list.values.NB_GOODS_FILTERED})</option> {% ENDIF %}
далее найдите
<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} ({filter_prop_list.values.NB_GOODS_FILTERED})</option>замените на
{% IF filter_prop_list.values.NB_GOODS_FILTERED > 0 %} <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} ({filter_prop_list.values.NB_GOODS_FILTERED})</option> {% ENDIF %}
#16
Отправлено 25 Март 2014 - 22:35
support 2.0 (25 Март 2014 - 18:40) писал:
Синхронизировать их не получится. Есть только доп.фильтр по наличию, но у него также нет привязки к модификации. Только к товару.
Согласен с вами support 2.0 напишите пошаговый алгоритм что сделать!!! эти фильтры на этом сайте http://www.domilfo.ru/
#17
Отправлено 25 Март 2014 - 22:54
Ser (25 Март 2014 - 22:35) писал:
#18
Отправлено 26 Март 2014 - 00:05
support 2.0 (25 Март 2014 - 22:54) писал:
Добавил характеристики: Размер, Производитель, Вид окрашивания. Цену реализовать через скролл.
#19
Отправлено 27 Март 2014 - 07:35
support 2.0 (25 Март 2014 - 20:57) писал:
...
#20
Отправлено 27 Март 2014 - 07:51
koloskov (27 Март 2014 - 07:35) писал:
Здравствуйте, можно добавить небольшой отступ
Редактируем шаблон Товары
Находим в двух местах
<span style="color: #333;">
Заменяем на
<span style="color: #333;margin-left=30px;">
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных