Можно ли как-то изменить вид фильтра и перенести его в другую область?
Хотелось бы его сделать горизонтальным и перенести в область между заголовком и кнопками сортировки и списком товаров:
Подопытный.
0
Сообщений в теме: 4
#1
Atamovich
-
- Пользователи
-
- 33 сообщений
Пользователь
Отправлено 01 Декабрь 2013 - 00:22
Здравствуйте!
Можно ли как-то изменить вид фильтра и перенести его в другую область?
Хотелось бы его сделать горизонтальным и перенести в область между заголовком и кнопками сортировки и списком товаров:
Подопытный.
Можно ли как-то изменить вид фильтра и перенести его в другую область?
Хотелось бы его сделать горизонтальным и перенести в область между заголовком и кнопками сортировки и списком товаров:
Подопытный.
#2
Koderhan
-
- Модератоpы
-
- 6 227 сообщений
Активный участник
Отправлено 02 Декабрь 2013 - 12:54
Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
В файле "Товары".
После кода:
Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "HTML".
Удалить код:
В конец файла "main.css".
Добавить код:
.filters {
display: block;
float: left;
}
.contentTbodySearchPriceFilterBlock {}
.filter {
display: inline-block;
max-width: 200px;
float: left;
margin: 7px 7px;
}
В файле "Товары".
После кода:
<!-- END Блок выбора параметра по которому производится сортировка списка товаров -->Добавить:
<!-- Если в тарифном плане подключен модуль фильтров по товарам, и они есть для указанного списка товаров -->
<div class="clear"></div>
{% IF TARIFF_FEATURE_GOODS_FILTERS %}
<div class="filters">
<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
<form action="" method="get">
<!-- Если есть возможность фильтрации товаров по ценам -->
{% IF SHOW_GOODS_PRICE_FILTERS %}
<div class="filter priceFilter">
<div>
<div class="goodsFilterPriceInfo"><label>Цена:</label>
от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
</div>
<div class="contentTbodySearchPriceFilterBlock">
<div id="goods-filter-price-slider"></div>
<!-- Фильтры по цене -->
<div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
<div class="goodsFilterPriceSubmit">
<button class="submit" type="submit">Показать</button>
</div>
</div>
</div>
</div>
{% ENDIF %}
<!-- END Если есть возможность фильтрации товаров по ценам -->
{% IF SHOW_GOODS_FILTERS %}
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
{% FOR filter_attr_list %}
<div class="filter">
<div>
{filter_attr_list.NAME}:<br />
<select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" 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"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</option>
{% ENDFOR %}
</select>
</div>
</div>
{% ENDFOR %}
<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
{% FOR filter_prop_list %}
<div class="filter">
<div>
{filter_prop_list.NAME}:<br />
<select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" 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"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</option>
{% ENDFOR %}
</select>
</div>
</div>
{% ENDFOR %}
{% ENDIF %}
</form>
<div class="clear"></div>
</div>
{% ENDIF %}
<div class="clear"></div>
<!-- END Если в тарифном плане подключен модуль фильтров по товарам, и они есть для указанного списка товаров -->
Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "HTML".
Удалить код:
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
{% IF TARIFF_FEATURE_GOODS_FILTERS %}
<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
<form action="" method="get">
<!-- Если есть возможность фильтрации товаров по ценам -->
{% IF SHOW_GOODS_PRICE_FILTERS %}
<li class="goods_filters"><br /><h2>Цена</h2>
<ul>
<div class="contentTbodySearchPriceFilterBlock cornerAll">
<div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
<div id="goods-filter-price-slider"></div>
<div class="goodsFilterPriceInfo">
от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
</div>
<div class="goodsFilterPriceSubmit">
<input class="more-link onlybutton" type="submit" value="Показать" style="padding-right:11px;" />
</div>
</div>
</ul>
</li>
{% ENDIF %}
<!-- END Если есть возможность фильтрации товаров по ценам -->
<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
{% IF SHOW_GOODS_FILTERS %}
<li class="goods_filters"><br /><h2>Фильтры</h2>
<ul>
<div class="contentTbodySearchFilterBlock cornerAll">
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
{% 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"{% 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>
{% ENDFOR %}
<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
{% FOR filter_prop_list %}
<span class="contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
<div class="contentTbodySearchFilterBlockValues">
{% FOR values %}
<input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" 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>
{% ENDFOR %}
</div>
</ul>
</li>
{% ENDIF %}
</form>
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
#3
Atamovich
-
- Пользователи
-
- 33 сообщений
Пользователь
Отправлено 02 Декабрь 2013 - 14:39
Сделал, но теперь отображается как-то криво\косо.
Не могу найти в коде, как поправить.
Можете помочь?
Не могу найти в коде, как поправить.
Можете помочь?
#4
Koderhan
-
- Модератоpы
-
- 6 227 сообщений
Активный участник
Отправлено 02 Декабрь 2013 - 15:32
Если вам не нужен фильтр по ценам. То можно его удалить.
В файле "Товары".
Удалить код:
В конец файла "main.css".
Добавить код:
В файле "Товары".
Удалить код:
<!-- Если есть возможность фильтрации товаров по ценам -->
{% IF SHOW_GOODS_PRICE_FILTERS %}
<div class="filter priceFilter">
<div>
<div class="goodsFilterPriceInfo"><label>Цена:</label>
от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
</div>
<div class="contentTbodySearchPriceFilterBlock">
<div id="goods-filter-price-slider"></div>
<!-- Фильтры по цене -->
<div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
<div class="goodsFilterPriceSubmit">
<button class="submit" type="submit">Показать</button>
</div>
</div>
</div>
</div>
{% ENDIF %}
<!-- END Если есть возможность фильтрации товаров по ценам -->
В конец файла "main.css".
Добавить код:
.filter select {
margin-top: 7px;
}
#5
Atamovich
-
- Пользователи
-
- 33 сообщений
Пользователь
Отправлено 03 Декабрь 2013 - 00:47
Теперь выглядит круто! Спасибо! 
Темы с аналогичным тегами фильтр
Вопросы работы сервиса StoreLand →
Дизайн →
Вопросы общие для всех шаблонов →
Другое →
Фильтр Работает НекорректноАвтор Гость_gvin1_* , 04 марта 2017  фильтр
|
|
|
||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Ночь →
Фильт В Каталоге ТоваровАвтор Гость_assa_* , 17 авг. 2016 фильтр
|
|
|
||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лето →
Каталог товаров →
КаталогАвтор Гость_leonamx_* , 25 мая 2016 каталог, фильтр, меню и 1 еще...
|
|
|
||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лето →
Изменение общей стилистики →
ФильтрАвтор Гость_leonamx_* , 14 мая 2016 фильтр, главная, карточка, товар
|
|
|
||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лето →
Главная →
Подбор Товара (Фильтр)Автор Гость_leonamx_* , 12 мая 2016 фильтр, подб
|
|
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
