Настройка фильтра интернет-магазина

голоса: 0
Вынесла код <?if($FILTER_SELECTOR$ && ($PAGE_ID$ != 'allgoods'))?><hr /><?$DRAW_BLOCK$('FILTER_SELECTOR','flist')?><hr /><?endif?> в правый блок. Нужно отредактировать внешний вид фильтра - названия полей и сами поля разместить на разных строках, выровнять и т.д. Кнопки "Фильтровать" и "Сбросить" поместить ниже всех полей фильтра.   Где искать настройки фильтра? файл "Таблица стилей css" интернет-магазина пустой...  Дизайн 1803, адрес сайта http://bashnedvizhimost.ru
Адрес сайта http://bashnedvizhimost.ru
| Автор: | Категория: Интернет-магазин

Ответов: 1

голоса: 0
 
Лучший ответ

Пользуйтесь инспектором кода в браузере:

  1. https://developer.mozilla.org/ru/docs/Learn/Discover_browser_developer_tools
  2. https://www.templatemonster.com/help/ru/use-google-chrome-web-inspector.html

​С помощью инспектора кода вы можете увидеть все классы которые используются в фильтре и можете для них написать свои стили. 

| Автор:
Выбор ответа лучшим | | Автор: Мария Старухина

Спасибо.

Поставила в тупик пустота в css. Получается, я в этот пустой файл свои стили прописывать буду, когда разберусь?
В основном css я классы, относящиеся к FILTER_SELECTOR, не обнаружила )))

Мария Старухина,

Какой пустой файл? Я вижу вы в стили прописали:

.flist { 
display: inline; 
float:left; 
}

файл не пустой как видно.

Вот пример кода фильтра:

<span class="flist"><div class="flist-item" id="flist-item-price"><span class="flist-label" id="flist-label-price">Цена:</span> <input type="text" id="price_min" class="price_filter" value="">
<input type="text" id="price_max" class="price_filter" value="">
<button onclick="setPriceFilter();">Фильтровать</button>
<button onclick="cancelPriceFilter();">Сбросить</button>
<div class="flist-item" id="flist-item-other1"><span class="flist-label" id="flist-label-other1">Количество комнат:</span> <select class="flist-select" id="flist-select-other1" onchange="return categoryFilter('other1', this.options[this.selectedIndex].value, 1);"><option value="">- Все -</option>
<option value="1">3 (1)</option></select></div><div class="flist-item" id="flist-item-other2"><span class="flist-label" id="flist-label-other2">Район:</span> <select class="flist-select" id="flist-select-other2" onchange="return categoryFilter('other2', this.options[this.selectedIndex].value, 1);"><option value="">- Все -</option>
<option value="2">Проспект (1)</option></select></div><div class="flist-item" id="flist-item-other3"><span class="flist-label" id="flist-label-other3">Тип дома:</span> <select class="flist-select" id="flist-select-other3" onchange="return categoryFilter('other3', this.options[this.selectedIndex].value, 1);"><option value="">- Все -</option>
<option value="3">Панельный (1)</option></select></div><div class="flist-item" id="flist-item-other4"><span class="flist-label" id="flist-label-other4">Этаж:</span> <select class="flist-select" id="flist-select-other4" onchange="return categoryFilter('other4', this.options[this.selectedIndex].value, 1);"><option value="">- Все -</option>
<option value="4">2 (1)</option></select></div><div class="flist-item" id="flist-item-other5"><span class="flist-label" id="flist-label-other5">Этажность:</span> <select class="flist-select" id="flist-select-other5" onchange="return categoryFilter('other5', this.options[this.selectedIndex].value, 1);"><option value="">- Все -</option>
<option value="5">5 (1)</option></select></div></span>
смотрим классы и прописываем стили.
Yuri_Geruk,

Вот тут искала стили )) Пусто

Это  

.flist { 
display: inline; 
float:left; 
}

я начала ковыряться, читая форум, но пока не получилось.

Спасибо, последую Вашим советам

...