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


Фильтр Характеристики В Строчку, А Не В Столбик

фильтр размещение

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

#1 dsk-teremok

dsk-teremok

    Пользователь

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

Отправлено 26 Август 2015 - 22:05

Добрый день!
Магазин dsk-teremok.ru
Аккаунт SL-296076
Сейчас фильтр по товарам располагается в столбик.
Каждая характеристика с новой строчки. Это занимает много места.
Можно ли разместить их в строчку?
См. картинку

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

  • Ashampoo_Snap_2015.08.26_22h00m46s_001_.jpg


#2 Firefly

Firefly

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

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

Отправлено 27 Август 2015 - 10:38

Просмотр сообщенияdsk-teremok (26 Август 2015 - 22:05) писал:

Добрый день!
Магазин dsk-teremok.ru
Аккаунт SL-296076
Сейчас фильтр по товарам располагается в столбик.
Каждая характеристика с новой строчки. Это занимает много места.
Можно ли разместить их в строчку?
См. картинку

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары, найдите код:
														  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
														  {% 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"{% ENDIF %} />
																  <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}</label><br />
																{% ENDFOR %}
																</div>
														  {% ENDFOR %}

Замените на:
														  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
																<div class="SearchFilter">
														  {% 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"{% ENDIF %} />
																  <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}</label><br />
																{% ENDFOR %}
																</div></div>
														  {% ENDFOR %}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.SearchFilter {
	float: left;
	padding-right: 10px;
}


#3 dsk-teremok

dsk-teremok

    Пользователь

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

Отправлено 27 Август 2015 - 14:22

Спасибо, сделала по инструкции.
Встали криво.
См. картинку

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

  • Ashampoo_Snap_2015.08.27_14h20m57s_001_.png
  • Ashampoo_Snap_2015.08.27_14h21m15s_002_.png


#4 Vaccina

Vaccina

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

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

Отправлено 28 Август 2015 - 04:55

Судя по результату, у вас синтаксическая ошибка в коде, откатите изменения(воспользуйтесь бэк апом в разделе Редактор шаблонов) и повторите более аккуратно.




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

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