Сейчас она находится слева, это неудобно.
Помогите, пожалуйста, как реализовать ее отображение вверху, над товарами?
0
Фильтрация По Разделам Каталога - Перенести Вверх, Вместо Сбоку.
Автор Flor@@@, 27 марта 2019 15:36
В теме одно сообщение
#1
Отправлено 27 Март 2019 - 15:36
#2
Отправлено 04 Апрель 2019 - 08:29
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
перенесите его в шаблон Товары, поставив после:
далее найдите и удалите:
далее зайдите в main.css - найдите:
перед ним вставьте:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="block filters"> <h3 class="title _main"><span class="fal fa-filter"></span> Фильтры</h3> <div class="content"> <div class="content-title">Фильтры<button class="content-close-btn"><i class="fal fa-times"></i></button></div> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="#page-title" method="get" id="filters-form"> <!-- Активные Фильтры --> <div class="filters-goods-active" {% FOR filter_attr_list %}{% FOR values %}{% IF filter_attr_list.values.CHECKED %}style="display: block;"{% ENDIF %}{% ENDFOR %}{% ENDFOR %} {% FOR filter_prop_list %}{% FOR values %}{% IF filter_prop_list.values.CHECKED %}style="display: block;"{% ENDIF %}{% ENDFOR %}{% ENDFOR %}> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> <div class="filter"> <div class="title">Активные фильтры:<span class="filter-arrow fal fa-angle-up"></span></div> <ul class="filter-inner"> {% FOR filter_attr_list %}{% FOR values %}{% IF filter_attr_list.values.CHECKED %}<li class="filter-item"><label class="button button2 small" for="filterAttrVal{filter_attr_list.values.ID}"><i class="fal fa-times" aria-hidden="true"></i><span>{filter_attr_list.values.VALUE}</span> <span class="counter">{filter_attr_list.values.NB_GOODS_FILTERED}</span></label></li>{% ENDIF %}{% ENDFOR %}{% ENDFOR %} {% FOR filter_prop_list %}{% FOR values %}{% IF filter_prop_list.values.CHECKED %}<li class="filter-item"><label class="button button2 small" for="filterPropVal{filter_prop_list.values.ID}"><i class="fal fa-times" aria-hidden="true"></i><span>{filter_prop_list.values.VALUE}</span> <span class="counter">{filter_prop_list.values.NB_GOODS_FILTERED}</span></label></li>{% ENDIF %}{% ENDFOR %}{% ENDFOR %} </ul> <button id="filters-reset" type="button" class="button button2 small" onclick="javascript:document.location = document.location.pathname;">Сбросить все фильтры</button> </div> <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> </div> <!-- /END Осноные Фильтры --> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filters-price"> <div class="title">Фильтры по ценам:<span class="filter-arrow fal fa-angle-up"></span></div> <div class="layout-slider"> <div class="filter-range-col"> <label class="filter-range-label" for="goods-filter-min-price">от</label> <input id="goods-filter-min-price" class="input" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress(this, event);" onpaste="return false;" /> </div> <span class="price-separator">-</span> <div class="filter-range-col"> <label class="filter-range-label" for="goods-filter-max-price">до</label> <input id="goods-filter-max-price" class="input" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress(this, event);" onpaste="return false;" /> </div> <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /> <input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" /> <!-- Фильтры по цене --> <div class="goodsFilterPriceRangePointers"> <span class="min" style="display:none;">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span> <span class="max" style="display:none;">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span> </div> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceSubmit"> <button class="button button2 small" type="submit" title="Показать">Показать</button> </div> </div> </div> {% ENDIF %} <!-- /END Если есть возможность фильтрации товаров по ценам --> <!-- Осноные Фильтры --> <div class="filters-goods"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter"> <div class="title {% IF filter_attr_list.index > 3 %}active{% ENDIF %}">{filter_attr_list.NAME}:<span class="filter-arrow fal fa-angle-up"></span></div> <ul class="filter-inner {% FOR values %}{% IF filter_attr_list.values.index > 10 %}crop{break}{% ENDIF %}{% ENDFOR %}" {% IF filter_attr_list.index > 3 %}style="display:none"{% ENDIF %}> {% FOR values %} <li class="filter-item"> <input class="checkbox-hidden" 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 class="checkbox-name" for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="counter">{filter_attr_list.values.NB_GOODS_FILTERED}</span></label> </li> {% ENDFOR %} </ul> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> <div class="title {% IF filter_prop_list.index > 3 %}active{% ENDIF %}">{filter_prop_list.NAME}:<span class="filter-arrow fal fa-angle-up"></span></div> <ul class="filter-inner {% FOR values %}{% IF filter_prop_list.values.index > 10 %}crop{break}{% ENDIF %}{% ENDFOR %}" {% IF filter_prop_list.index > 3 %}style="display:none"{% ENDIF %}> {% FOR values %} <li class="filter-item"> <input class="checkbox-hidden" 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 class="checkbox-name" for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="counter">{filter_prop_list.values.NB_GOODS_FILTERED}</span></label> </li> {% ENDFOR %} </ul> {% FOR values %} {% IF filter_prop_list.values.index > 10 %} <button class="filter-more" type="button"><span class="filter-moreText pseudo-link">Показать все</span> <span class="filter-moreArrow fal fa-angle-down"></span></button> {break} {% ENDIF %} {% ENDFOR %} </div> {% ENDFOR %} </div> <!-- /END Осноные Фильтры --> </form> </div> </div> {% ENDIF %} <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
перенесите его в шаблон Товары, поставив после:
</div> <!-- /END Вид Таблица/Список --> </form> </noindex> </div> <!-- END Верхний блок, изменяющий отображение данных выдачи товаров --> {% ENDIF %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> {% IFNOT nested_categories_list_empty %} <div class="categories clear"> {% FOR nested_categories_list %} <div class="item"> <div class="cat-name" title="Перейти к категории «{nested_categories_list.NAME}»"> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> <div class="cat-image"> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"> <img class="goods-cat-image-medium lozad" data-src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=techno{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> </div> </div> {% ENDFOR %} </div> {% ENDIF %}
далее найдите и удалите:
<h3 class="title _main"><span class="fal fa-filter"></span> Фильтры</h3>
далее зайдите в main.css - найдите:
.filters-goods .filter label {display: inline-block;margin-bottom: 3px;}
перед ним вставьте:
.filters-goods .filter {display: inline-block; margin:0 5px;vertical-align: top;} .filters-goods .filter ul {padding:0;} .filters-goods .filter li {list-style: none;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных