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


Изменить Внешний Вид Фильтра

Автор Скорая Керамическая Помощь, 27 февр. 2017 12:30
#Фильтр #Ночь

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

#1 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

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

Отправлено 27 Февраль 2017 - 12:30

Добрый день!

Вопрос касается изменения стандартного фильтра.
Скрин N1  как сейчас и Скрин N2 как хочется видеть.
Заранее благодарна!

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

  • Скрин 1.png
  • Скрин 2.jpg

#2 Vaccina

Vaccina

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

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

Отправлено 01 Март 2017 - 05:21

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

Укажите пожалуйста в настройках профиля номер аккаунта вашего магазина, по которому у вас возник вопрос, так как в указанном установлена дизайн-тема "Движение".

#3 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

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

Отправлено 01 Март 2017 - 11:54

Просмотр сообщенияVaccina (01 Март 2017 - 05:21) писал:

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

Укажите пожалуйста в настройках профиля номер аккаунта вашего магазина, по которому у вас возник вопрос, так как в указанном установлена дизайн-тема "Движение".
Добрый день! Аккаунт SL-394796

#4 Ирина345

Ирина345

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

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

Отправлено 01 Март 2017 - 14:35

Просмотр сообщенияTina-Valentina (01 Март 2017 - 11:54) писал:

Добрый день! Аккаунт SL-394796
Здравствуйте, найдите в шаблоне Товары
{% FOR filter_attr_list %}
					  <div class="filter">
						{filter_attr_list.NAME}:<br />
						  <select class="form-control" 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 class="form-control" 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 %}
замените на
{% FOR filter_attr_list %}
					  <div class="filter">
					   <em>{filter_attr_list.NAME}</em>
						<div class="contentTbodySearchFilterBlockValues">
						  {% FOR values %}
							<input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" onclick="$(this)[0].form.submit();" 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 />
						  {% ENDFOR %}
						</div>
					  </div>
					{% ENDFOR %}
					<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
					{% FOR filter_prop_list %}
					  <div class="filter">
						 <em>{filter_prop_list.NAME}</em>
						<div class="contentTbodySearchFilterBlockValues">
						  {% FOR values %}
							<input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" onclick="$(this)[0].form.submit();" 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 />
						  {% ENDFOR %}
						</div>
					  </div>
					{% ENDFOR %}

далее найдите в файле main.css
.block.filters .filter {margin: 5px 0;font-size: 16px;}
замените на
.block.filters .filter {
	margin: 16px 0;
	font-size: 16px;
	max-height: 146px;
	overflow: overlay;
}
.block.filters .filter em {
	width: 100%;
	background: rgba(255, 255, 255, 0.24);
	padding: 0 20px;
}

#5 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

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

Отправлено 01 Март 2017 - 19:17

Просмотр сообщенияИрина345 (01 Март 2017 - 14:35) писал:

Здравствуйте, найдите в шаблоне Товары
{% FOR filter_attr_list %}
					 <div class="filter">
					 {filter_attr_list.NAME}:<br />
						 <select class="form-control" 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 class="form-control" 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 %}
замените на
{% FOR filter_attr_list %}
					 <div class="filter">
					 <em>{filter_attr_list.NAME}</em>
					 <div class="contentTbodySearchFilterBlockValues">
						 {% FOR values %}
						 <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" onclick="$(this)[0].form.submit();" 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 />
						 {% ENDFOR %}
					 </div>
					 </div>
				 {% ENDFOR %}
				 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
				 {% FOR filter_prop_list %}
					 <div class="filter">
						 <em>{filter_prop_list.NAME}</em>
					 <div class="contentTbodySearchFilterBlockValues">
						 {% FOR values %}
						 <input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" onclick="$(this)[0].form.submit();" 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 />
						 {% ENDFOR %}
					 </div>
					 </div>
				 {% ENDFOR %}
далее найдите в файле main.css
.block.filters .filter {margin: 5px 0;font-size: 16px;}
замените на
.block.filters .filter {
margin: 16px 0;
font-size: 16px;
max-height: 146px;
overflow: overlay;
}
.block.filters .filter em {
width: 100%;
background: rgba(255, 255, 255, 0.24);
padding: 0 20px;
}
Добрый день!
Не нашла этот код. {% FOR filter_attr_list %}

#6 Vaccina

Vaccina

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

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

Отправлено 02 Март 2017 - 06:17

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

Данный код находится в разделе Сайт - Редактор шаблонов - HTML.

#7 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

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

Отправлено 02 Март 2017 - 16:25

Просмотр сообщенияVaccina (02 Март 2017 - 06:17) писал:

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

Данный код находится в разделе Сайт - Редактор шаблонов - HTML.
Добрый день! Это просто СУПЕР! БОЛЬШОЕ СПАСИБО!

#8 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

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

Отправлено 02 Март 2017 - 18:19

Просмотр сообщенияVaccina (02 Март 2017 - 06:17) писал:

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

Данный код находится в разделе Сайт - Редактор шаблонов - HTML.
Скажите пожалуйста, а почему ширину с высотой не сделали , как в скриншоте?

#9 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

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

Отправлено 07 Март 2017 - 13:57

Просмотр сообщенияVaccina (02 Март 2017 - 06:17) писал:

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

Данный код находится в разделе Сайт - Редактор шаблонов - HTML.
Добрый день! Я жду с нетерпением Вашего ответа на Выше написанный пост! Спасибо!

#10 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

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

Отправлено 18 Март 2017 - 13:58

Просмотр сообщенияVaccina (02 Март 2017 - 06:17) писал:

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

Данный код находится в разделе Сайт - Редактор шаблонов - HTML.
Уважаемые модераторы, ответьте пожалуйста! Скажите пожалуйста, а почему ширину с высотой не сделали , как в скриншоте?

#11 Firefly

Firefly

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

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

Отправлено 18 Март 2017 - 20:48

Просмотр сообщенияСкорая Керамическая Помощь (18 Март 2017 - 13:58) писал:

Уважаемые модераторы, ответьте пожалуйста! Скажите пожалуйста, а почему ширину с высотой не сделали , как в скриншоте?

Здравствуйте.
Фильтры Вам поправил и создал бэкап.

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

  • Screenshot_1.png

#12 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

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

Отправлено 19 Март 2017 - 00:39

Просмотр сообщенияFirefly (18 Март 2017 - 20:48) писал:

Здравствуйте.
Фильтры Вам поправил и создал бэкап.
Большое спасибо за Вашу работу! Но Вы знаете, я на скриншоте показала, что нам нужно.  (Ширину с высотой не сделали так как нам нужно).

#13 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

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

Отправлено 20 Март 2017 - 12:40

Просмотр сообщенияFirefly (18 Март 2017 - 20:48) писал:

Здравствуйте.
Фильтры Вам поправил и создал бэкап.
Добрый день! Пожалуйста помогите сделать ширину с высотой , как на скриншоте. Спасибо!

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

  • Длина-Ширина.jpg

#14 Firefly

Firefly

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

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

Отправлено 21 Март 2017 - 12:44

Просмотр сообщенияСкорая Керамическая Помощь (20 Март 2017 - 12:40) писал:

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

Здравствуйте.
К сожалению, так сделать не получится. Фильтры, кроме ценового можно вывести только с помощью чекбоксов.

#15 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

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

Отправлено 21 Март 2017 - 13:11

Просмотр сообщенияFirefly (21 Март 2017 - 12:44) писал:

Здравствуйте.
К сожалению, так сделать не получится. Фильтры, кроме ценового можно вывести только с помощью чекбоксов.
Добрый день! Спасибо за ответ! Пожалуйста, попробуйте сами отфильтровать товар, совсем неудобно. Может что-нибудь другое предложите? И где кнопка Сбросить фильтр?

#16 Stasya

Stasya

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

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

Отправлено 23 Март 2017 - 15:00

Просмотр сообщенияСкорая Керамическая Помощь (21 Март 2017 - 13:11) писал:

Добрый день! Спасибо за ответ! Пожалуйста, попробуйте сами отфильтровать товар, совсем неудобно. Может что-нибудь другое предложите? И где кнопка Сбросить фильтр?
К сожалению, фильтры можно вывести либо с помощью выпадающего списка, либо с помощью кнопок - чекбоксов. Пример реализации прикрепила.

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

  • Screenshot_214.jpg

#17 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

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

Отправлено 24 Апрель 2017 - 01:17

Здравствуйте! Облегчите, пожалуйста, мне жизнь! ))
Каждый раз , как новый товар добавляю в клиентской части сортировка по параметрам, где цифры (ширина, длина, толщина) смешиваются. Каждый раз приходится вручную исправлять. А вот когда новую коллекцию добавляю, все в порядке, по алфавиту идет. Спасибо!

#18 Stasya

Stasya

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

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

Отправлено 24 Апрель 2017 - 17:57

Просмотр сообщенияСкорая Керамическая Помощь (24 Апрель 2017 - 01:17) писал:

Здравствуйте! Облегчите, пожалуйста, мне жизнь! ))
Каждый раз , как новый товар добавляю в клиентской части сортировка по параметрам, где цифры (ширина, длина, толщина) смешиваются. Каждый раз приходится вручную исправлять. А вот когда новую коллекцию добавляю, все в порядке, по алфавиту идет. Спасибо!
Здравствуйте. К сожалению, такого не удалось повторить. Не могли бы Вы детально описать какие действия Вы делаете и что в результате происходит, а так же если есть возможность, не могли бы Вы создать товар, и оставить фильтры в таком порядке как они у Вас изменились?

#19 Скорая Керамическая Помощь

Скорая Керамическая Помощь

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

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

Отправлено 26 Апрель 2017 - 17:31

Просмотр сообщенияStasya (24 Апрель 2017 - 17:57) писал:

Здравствуйте. К сожалению, такого не удалось повторить. Не могли бы Вы детально описать какие действия Вы делаете и что в результате происходит, а так же если есть возможность, не могли бы Вы создать товар, и оставить фильтры в таком порядке как они у Вас изменились?
Добрый день! Проще говоря нужна сортировка «от минимального к максимальному» где цифры (ширина, длина, толщина) , но с автоупорядочиванием (auto arrange)

#20 Vaccina

Vaccina

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

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

Отправлено 27 Апрель 2017 - 07:45

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

Добавьте пожалуйста товар и укажите нам категорию, чтобы мы могли проверить в чем проблема. Заранее порядок значений характеристик вы можете настроить в разделе Товары - Свойства\Характеристики.
Обратно в Шаблон Ночь


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

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

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