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


Не Отображаются Фильтры По Характеристикам Товаров.

фильтры по характеристикам фильтры товары фильтры товаров

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

#21 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 19 Январь 2014 - 17:30

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

Большое спасибо. Название с ценой и кнопкой выровнялось, валюта отображается,
но с расстоянием, к сожалению, та же ситуация. Удаление <br/> из указанных Вами строк не помогло..

#22 ne_yana

ne_yana

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

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

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

Просмотр сообщенияConstantinRS (19 Январь 2014 - 17:30) писал:

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

Большое спасибо. Название с ценой и кнопкой выровнялось, валюта отображается,
но с расстоянием, к сожалению, та же ситуация. Удаление <br/> из указанных Вами строк не помогло..
Здравствуйте, уточните, пожалуйста, расстояние между какими элементами нужно увеличить.

#23 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 20 Январь 2014 - 13:49

Просмотр сообщенияne_yana (20 Январь 2014 - 12:10) писал:

Здравствуйте, уточните, пожалуйста, расстояние между какими элементами нужно увеличить.
Здравствуйте. Вопрос был несколько иной )
Минимизировать расстояние между характеристиками товаров в фильтре. Ниже выкладываю фотографию и дублирую оставшиеся вопросы.
фильтр8.png
1. Переместить кнопку "Показать" вниз и сделать, чтобы отображалась постоянно, а не только при изменении цены.
2. Минимизировать расстояние между характеристиками. (Например, расстояние между "Белое золото" и "Жёлтое золото" составлять примерно 3-4px ).
3 и 4. Либо сделать так, чтобы товары также отображались по пять в ряд, но по полосе "4" на всём протяжении раздела, либо сделать так, чтобы товары переносились на следующую строку, не заходя за полосу "3".
В итоге должно получиться так:
фильтр9.png

#24 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 20 Январь 2014 - 16:10

Просмотр сообщенияsengun (19 Январь 2014 - 16:19) писал:

Изменение стилей здесь не поможет, в коде шаблона HTML прописаны переносы на следующую строку после каждого фильтра.
В строке
<label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} {% IF filter_attr_list.values.NB_GOODS_FILTERED > 0 %}({filter_attr_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label><br />
и еще в этой
<label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} {% IF filter_prop_list.values.NB_GOODS_FILTERED > 0 %}({filter_prop_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label><br />
удалите в самом конце
<br />

Множество всего перерыл ничего не получалось- через "Просмотр кода элемента" тег <br /> всё равно отображался..
Но потом меня озарило- через "Просмотр кода элемента" отображается шаблон "Товары" удалил там вышеупомянутый тег и случилось счастье )
фильтр11.png
Большое спасибо- ни с одним элементом ещё так долго не возился..

#25 empty9228

empty9228

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

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

Отправлено 20 Январь 2014 - 16:47

Здравствуйте, ваш сайт сейчас вот так отображается(скрин)
2
для минимизатции расстояния между характеристиками
найдите в файле css код

.textshort.padd51.contentTbodySearchFilterBlockValues label {
	 font-weight: normal;
	 text-transform: uppercase;
	 color: #4B4A49;
	 text-align: left;
}
замените его на
.textshort.padd51.contentTbodySearchFilterBlockValues label {
	 font-weight: normal;
	 text-transform: uppercase;
	 color: #4B4A49;
	 text-align: left;
	 height: 22px;
}

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

  • 20-01-2014 17-45-08.png


#26 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 20 Январь 2014 - 17:58

Просмотр сообщенияempty9228 (20 Январь 2014 - 16:47) писал:

Здравствуйте, ваш сайт сейчас вот так отображается(скрин)

Спасибо. Как будем разбираться..

Просмотр сообщенияempty9228 (20 Январь 2014 - 16:47) писал:

2
для минимизатции расстояния между характеристиками
найдите в файле css код

.textshort.padd51.contentTbodySearchFilterBlockValues label {
	 font-weight: normal;
	 text-transform: uppercase;
	 color: #4B4A49;
	 text-align: left;
}
замените его на
.textshort.padd51.contentTbodySearchFilterBlockValues label {
	 font-weight: normal;
	 text-transform: uppercase;
	 color: #4B4A49;
	 text-align: left;
	 height: 22px;
}
На этот вопрос я уже нашёл ответ- описание над Вашим, но всё равно большое спасибо за помощь.

#27 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 20 Январь 2014 - 18:07

Как изменил позицию и отображение кнопки "Показать".

В Style.css методом проб и ошибок из этого кода:
.goodsFilterPriceSubmit {display:none;width: 140px;position: relative;top: 5px;left: 27px;}
Получил вот такой:
.goodsFilterPriceSubmit {width: 140px;position: absolute;top: 400px;left: 27px;}

Как сместил серую область ниже, чтобы кнопка показать была не за пределами фильтра по характеристикам.

В Style.css после кода:
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
												 {% FOR filter_attr_list %}
<div class="title aunder fnt13 contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</div>
<div class="textshort padd51 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} {% IF filter_attr_list.values.NB_GOODS_FILTERED > 0 %}<!--({filter_attr_list.values.NB_GOODS_FILTERED}) Отображение количества товара справа от характеристики -->{% ENDIF %}</label>
{% ENDFOR %}
</div>
{% ENDFOR %}
Добавил:
<br /><br />

Сейчас в разрешении 1366х768 в браузерах Chrome и Mozilla каталог выглядит так:
каталог12.png

#28 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 20 Январь 2014 - 18:34

Остался ещё вопрос, как при масштабировании страницы или изменении разрешения экрана сохранить расположение товаров в пределах ленты каталога:
12.png
То есть, чтобы товары располагались либо в диапазоне 1 либо 2 (см.изображение) ровной сеткой.

#29 empty9228

empty9228

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

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

Отправлено 20 Январь 2014 - 18:59

Вам нужно создать контейнер, который будет ограничивать ваш каталог.
Зайдите в файл товары.
перед строчкой {% FOR goods %} - это 208 строчка в файле товар
вставьте
<div class="conteiner_cat">
И после строчки {% ENDFOR %} -это 248 строка
вставьте </div>
дальше в конце файла css добавьте
.conteiner_cat {
	height: 400px;
	width: 950px;
}
значения ширины и высоты здесь я привел для примера, подкорректируете их как вам нужно.

#30 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

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

Просмотр сообщенияempty9228 (20 Январь 2014 - 18:59) писал:

Вам нужно создать контейнер, который будет ограничивать ваш каталог.
Зайдите в файл товары.
перед строчкой {% FOR goods %} - это 208 строчка в файле товар
вставьте
<div class="conteiner_cat">
И после строчки {% ENDFOR %} -это 248 строка
вставьте </div>
дальше в конце файла css добавьте
.conteiner_cat {
height: 400px;
width: 950px;
}
значения ширины и высоты здесь я привел для примера, подкорректируете их как вам нужно.

Спасибо. Всё работает.

Сейчас пытаюсь подкорректировать вид фильтра по характеристикам. Точнее- убрать дублирующийся диапазон цен:
фильтр цены11.png
Отображение цифр, конечно, получается убрать, изменяя строку
<div class="goodsFilterPriceRangePointers"><span class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE} р</span><span class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE} р</span></div>
Но при этом перестаёт функцианировать сама полоска, регулирующая диапазон цен, и на сайте отображается ошибка:
фильтр цены.png

#31 @lina_va

@lina_va

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

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

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

Просмотр сообщенияConstantinRS (21 Январь 2014 - 13:51) писал:

Спасибо. Всё работает.

Сейчас пытаюсь подкорректировать вид фильтра по характеристикам. Точнее- убрать дублирующийся диапазон цен:
Прикрепленный файл фильтр цены11.png
Отображение цифр, конечно, получается убрать, изменяя строку
<div class="goodsFilterPriceRangePointers"><span class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE} р</span><span class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE} р</span></div>
Но при этом перестаёт функцианировать сама полоска, регулирующая диапазон цен, и на сайте отображается ошибка:
Прикрепленный файл фильтр цены.png
Добрый день.
В style.css замените:
.goodsFilterPriceRangePointers {
height: 18px;
font-size: 0.9em;
color: #fff;
width: 100%;
overflow: visible;
padding-top: 1px;
}
на
.goodsFilterPriceRangePointers {
display: none;
height: 18px;
font-size: 0.9em;
color: #fff;
width: 100%;
overflow: visible;
padding-top: 1px;
}


#32 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 21 Январь 2014 - 15:54

Большое спасибо, @liva_va. Всё получилось )

#33 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 23 Январь 2014 - 09:59

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

#34 empty9228

empty9228

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

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

Отправлено 23 Январь 2014 - 10:59

Здравствуйте. в файле css найдите код
.goodsFilterPriceInfo {padding: 0 0 4px 0; width: 200px;text-align: left;}
padding: 0 0 4px - первое значение нужно сделать 3px - 5px, это отступ сверху, где у вас "цена"
найдите код
.filter {display: inline-block;display: -moz-inline-stack;*display: inline; vertical-align: top;position:relative;z-index: 100;padding: 5px 10px 22px 0px;width: auto;
padding: 5px 10px 22px 0px; - сделайте меньше 3 значение например 10px, отвечает за верхний отступ от шкалы диапазона.

#35 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 23 Январь 2014 - 11:11

Просмотр сообщенияempty9228 (23 Январь 2014 - 10:59) писал:

Здравствуйте. в файле css найдите код
.goodsFilterPriceInfo {padding: 0 0 4px 0; width: 200px;text-align: left;}
padding: 0 0 4px - первое значение нужно сделать 3px - 5px, это отступ сверху, где у вас "цена"
К сожалению расстояние не менялось, но, благодаря Вам, логически набрёл на
.contentTbodySearchPriceFilterBlock
где после добавления
margin-top: 10px;
всё стало выглядеть так, как надо.

Просмотр сообщенияempty9228 (23 Январь 2014 - 10:59) писал:

найдите код
.filter {display: inline-block;display: -moz-inline-stack;*display: inline; vertical-align: top;position:relative;z-index: 100;padding: 5px 10px 22px 0px;width: auto;
padding: 5px 10px 22px 0px; - сделайте меньше 3 значение например 10px, отвечает за верхний отступ от шкалы диапазона.
Это сработало отлично.

Спасибо, что снова выручили.

#36 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 25 Январь 2014 - 19:07

Почему-то игнорируется всеми тема:
http://forum.storela...тр-модификаций/
Созданная ещё двадцать третьего числа.

#37 Vaccina

Vaccina

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

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

Отправлено 28 Январь 2014 - 00:59

пожалуйста не дублируйте вопросы, в вашей теме имеются ответы от техподдержки

#38 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 28 Январь 2014 - 13:56

Просмотр сообщенияVaccina (28 Январь 2014 - 00:59) писал:

пожалуйста не дублируйте вопросы, в вашей теме имеются ответы от техподдержки

Ответы появились лишь после добавления ссылки в активную тему..

#39 Vaccina

Vaccina

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

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

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

Тогда достаточно обновить или апнуть тему, где был ранее задан вопрос.
Дубликатами вы только путаете нас.

#40 P.S.

P.S.

    Новичок

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

Отправлено 06 Февраль 2014 - 16:13

Доброго времени суток. Хотел узнать, возможно ли сделать фильтр по товарам непосредственно в самом каталоге, а не в категориях каталога. На первой картинке как выглядит сейчас каталог , на второй каталог с фильтром. Есть такая возможность?

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

  • 3.jpg
  • 3 copy.jpg






Темы с аналогичным тегами фильтры по характеристикам, фильтры, товары, фильтры товаров

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

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