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


Фильтры (Дизайн)


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

#1 miniplaneta

miniplaneta

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

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

Отправлено 01 Март 2014 - 20:19

Добрый день.

1. Выровнять название "Фильтровать по:" на уровень названий фильтров
2. Задать условие "Если" для длины значений характеристик и свойств: если меньше длины названия, то окошечно = длине названия, иначе = длине  значения
3. Сделать "Сброс всех фильтров", можно использовать "крест" из корзины при удалении позиции

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

  • 01_03_1.PNG


#2 daria_dnk

daria_dnk

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

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

Отправлено 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 miniplaneta

miniplaneta

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

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

Отправлено 04 Март 2014 - 20:57

В продолжение темы. Нужно, чтобы фильтры по Характеристики+Свойства модификаций были как бы в отдельном блоке от фильтра Цена! Т.е. сделать типа class="left" и class="right"

Еще актуален хотя бы вопрос 3 отсюда http://forum.storela...йн/#entry124485

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

  • 04_03_2.JPG


#4 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 05 Март 2014 - 06:39

Просмотр сообщенияminiplaneta (04 Март 2014 - 20:57) писал:

В продолжение темы. Нужно, чтобы фильтры по Характеристики+Свойства модификаций были как бы в отдельном блоке от фильтра Цена! Т.е. сделать типа class="left" и class="right"

Еще актуален хотя бы вопрос 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 miniplaneta

miniplaneta

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

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

Отправлено 05 Март 2014 - 12:24

остался последний шаг - выровнять характеристики и свойства при их большом кол-ве в пределах как бы правого блока

если для этого мешает кнопка "Показать" под ценой, то ее можно убрать..., пусть фильтруется без нее

или 2-ой вариант: переставить местами Фильтр Цена и Остальное...

У меня в некоторых категориях будет много фильтров, поэтому для меня красивый перенос актуален. Кнопка "Показать" меня не напрягает, во втором варианте она уже помешать не сможет.

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

  • 05_03_2.png


#6 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 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;">

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

  • 1.jpg


#7 miniplaneta

miniplaneta

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

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

Отправлено 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 - это нормально?

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

  • 06_03_2.png


#8 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 06 Март 2014 - 11:46

Просмотр сообщенияminiplaneta (06 Март 2014 - 11:39) писал:

хочу это кнопку разместить справа..., через margin-right не получается, поэтому делаюstyle="margin-left:735px;" type="button" name="reset" onclick="javascript:document.location = document.location.pathname;">Очистить все фильтрывопрос: для адаптивности вариант через Left - это нормально?

Здравствуйте, использовать 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>


#9 miniplaneta

miniplaneta

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

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

Отправлено 14 Март 2014 - 16:30

Добрый день.

В "Весне", в фильтрах нет счетчика товаров как в других шаблонах! Как это восполнить?

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

  • 14_03_3.png


#10 support 2.0

support 2.0

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

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

Отправлено 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})


#11 Ser

Ser

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

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

Отправлено 25 Март 2014 - 08:06

Добрый день.
Помогите сделать два вида фильтров?

1. В каталоге Постельное белье. рис.1

2. На главной странице под перед блоком "Вы смотрели" Рис 2

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

  • Фильтр в каталоге.jpg
  • Фильтр боковой под каталогом.jpg


#12 koloskov

koloskov

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

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

Отправлено 25 Март 2014 - 08:36

Добрый день.

Как синхронизировать фильтры: Фильтр по характеристикам и Фильтр по свойствам? Поясню по картинке: выбрал "цвет" (фильтр характеристик), открываю фильтр "размер" , а там все свойства! Необходимо, чтобы свойства с нулем уже не отображались для выбора в этом случае!

Тоже самое относится к совокупности характеристик между собой - 2 рис.

Цену можно не трогать, наверное ее невозможно сделать.

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

  • 25_03_2.png
  • 25_03_3.png


#13 support 2.0

support 2.0

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

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

Отправлено 25 Март 2014 - 18:40

Просмотр сообщенияSer (25 Март 2014 - 08:06) писал:

Добрый день.
Помогите сделать два вида фильтров?

1. В каталоге Постельное белье. рис.1

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

Просмотр сообщенияkoloskov (25 Март 2014 - 08:36) писал:

Добрый день.

Как синхронизировать фильтры: Фильтр по характеристикам и Фильтр по свойствам? Поясню по картинке: выбрал "цвет" (фильтр характеристик), открываю фильтр "размер" , а там все свойства! Необходимо, чтобы свойства с нулем уже не отображались для выбора в этом случае!

Тоже самое относится к совокупности характеристик между собой - 2 рис.

Цену можно не трогать, наверное ее невозможно сделать.

Просмотр сообщенияkoloskov (25 Март 2014 - 08:36) писал:

Добрый день.

Как синхронизировать фильтры: Фильтр по характеристикам и Фильтр по свойствам? Поясню по картинке: выбрал "цвет" (фильтр характеристик), открываю фильтр "размер" , а там все свойства! Необходимо, чтобы свойства с нулем уже не отображались для выбора в этом случае!

Тоже самое относится к совокупности характеристик между собой - 2 рис.

Цену можно не трогать, наверное ее невозможно сделать.
Синхронизировать их не получится. Есть только доп.фильтр по наличию, но у него также нет привязки к модификации. Только к товару.

#14 koloskov

koloskov

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

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

Отправлено 25 Март 2014 - 18:53

Просмотр сообщенияsupport 2.0 (25 Март 2014 - 18:40) писал:

Синхронизировать их не получится. Есть только доп.фильтр по наличию, но у него также нет привязки к модификации. Только к товару.

не понял. А откуда нолики берутся? разве нельзя привязаться к этим ноликам? если "0", то не отображать?

Но если это все же невозможно, то помогите сделать как в Вечности, отсутствующие характеристики меняют цвет и я так понимаю не выбираются

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

  • 25_03_4.PNG


#15 support 2.0

support 2.0

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

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

Отправлено 25 Март 2014 - 20:57

Просмотр сообщенияkoloskov (25 Март 2014 - 18:53) писал:

не понял. А откуда нолики берутся? разве нельзя привязаться к этим ноликам? если "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>
замените на
{% 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 Ser

Ser

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

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

Отправлено 25 Март 2014 - 22:35

Просмотр сообщенияsupport 2.0 (25 Март 2014 - 18:40) писал:

Вам можно реализовать это через категории. В разделе товары Вы можете создать в "каталог товаров на сайте" данные категории. В коде к ним можно добавить будет (мы Вам подскажем как) кол-во товаров в данной категории. Реализовано будет точно также как на рис.2. По поводу первого рис. не совсем поняла что нужно сделать и где. Если человек располагается в категории с 1,5 постельным бельем, зачем ему там фильтр с 2х спальным.


Синхронизировать их не получится. Есть только доп.фильтр по наличию, но у него также нет привязки к модификации. Только к товару.


Согласен с вами support 2.0 напишите пошаговый алгоритм что сделать!!! эти фильтры на этом сайте http://www.domilfo.ru/

#17 support 2.0

support 2.0

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

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

Отправлено 25 Март 2014 - 22:54

Просмотр сообщенияSer (25 Март 2014 - 22:35) писал:

Согласен с вами support 2.0 напишите пошаговый алгоритм что сделать!!! эти фильтры на этом сайте http://www.domilfo.ru/
Реализовать это можно, если у Вас у товаров будет добавлена характеристика производитель. По поводу цены, то реализовать это можно либо через категории с подкатегориями соответствующих названий или же фильтр по цене с помощью скролла. Настраиваются они в разделе Товары -> Товары -> правой кнопкой мыши по категории -> "настроить категорию" -> добавляйте фильтры

#18 Ser

Ser

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

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

Отправлено 26 Март 2014 - 00:05

Просмотр сообщенияsupport 2.0 (25 Март 2014 - 22:54) писал:

Реализовать это можно, если у Вас у товаров будет добавлена характеристика производитель. По поводу цены, то реализовать это можно либо через категории с подкатегориями соответствующих названий или же фильтр по цене с помощью скролла. Настраиваются они в разделе Товары -> Товары -> правой кнопкой мыши по категории -> "настроить категорию" -> добавляйте фильтры


Добавил характеристики: Размер, Производитель, Вид окрашивания.  Цену реализовать через скролл.

#19 koloskov

koloskov

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

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

Отправлено 27 Март 2014 - 07:35

Просмотр сообщенияsupport 2.0 (25 Март 2014 - 20:57) писал:

Можно попробовать следующее:
...
попробовал на 22 мониторе, (делал на 24) увидел проблему адаптивности: теперь фильтр наверное меняет ширину окошечка, поэтому слетает "предзапросное" размещение. Возможно ошибка тянется от сюда http://forum.storela...йн/#entry125024

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

  • 27_03_1.PNG


#20 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 27 Март 2014 - 07:51

Просмотр сообщенияkoloskov (27 Март 2014 - 07:35) писал:

попробовал на 22 мониторе, (делал на 24) увидел проблему адаптивности: теперь фильтр наверное меняет ширину окошечка, поэтому слетает "предзапросное" размещение. Возможно ошибка тянется от сюда http://forum.storela...йн/#entry125024

Здравствуйте, можно добавить небольшой отступ
Редактируем шаблон Товары
Находим в двух местах
<span style="color: #333;">

Заменяем на
<span style="color: #333;margin-left=30px;">





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

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