<?$GLOBALS['arrFilter']=array("SECTION_ID" => 416);?>
<?$APPLICATION->IncludeComponent(
"bitrix:catalog",
"main",
Array(
"ACTION_VARIABLE" => "action",
"ADD_ELEMENT_CHAIN" => "Y",
"ADD_PICT_PROP" => "-",
"ADD_PROPERTIES_TO_BASKET" => "Y",
"ADD_SECTIONS_CHAIN" => "Y",
"AJAX_FILTER_CATALOG" => "N",
"AJAX_MODE" => "N",
"AJAX_OPTION_ADDITIONAL" => "",
"AJAX_OPTION_HISTORY" => "Y",
"AJAX_OPTION_JUMP" => "N",
"AJAX_OPTION_STYLE" => "Y",
"ALSO_BUY_ELEMENT_COUNT" => "5",
"ALSO_BUY_MIN_BUYES" => "2",
"ASK_FORM_ID" => "5",
"BASKET_URL" => "/basket/",
"BIG_DATA_RCM_TYPE" => "any_similar",
"CACHE_FILTER" => "N",
"CACHE_GROUPS" => "N",
"CACHE_TIME" => "172800",
"CACHE_TYPE" => "A",
"COMPARE_ELEMENT_SORT_FIELD" => "shows",
"COMPARE_ELEMENT_SORT_ORDER" => "asc",
"COMPARE_FIELD_CODE" => array("NAME","TAGS","SORT","PREVIEW_PICTURE",""),
"COMPARE_NAME" => "CATALOG_COMPARE_LIST",
"COMPARE_OFFERS_FIELD_CODE" => array("NAME","PREVIEW_PICTURE",""),
"COMPARE_OFFERS_PROPERTY_CODE" => array("COLOR_REF","ARTICLE","SIZES",""),
"DETAIL_SET_CANONICAL_URL" => "Y",
"DETAIL_SET_VIEWED_IN_COMPONENT" => "N",
"DETAIL_STRICT_SECTION_CHECK" => "N",
"DISABLE_INIT_JS_IN_COMPONENT" => "N",
"DISPLAY_BOTTOM_PAGER" => "Y",
"DISPLAY_ELEMENT_SELECT_BOX" => "N",
"DISPLAY_TOP_PAGER" => "N",
"DISPLAY_WISH_BUTTONS" => "Y",
"ELEMENT_SORT_FIELD" => "sort",
"ELEMENT_SORT_FIELD2" => "shows",
"ELEMENT_SORT_FIELD_BOX" => "name",
"ELEMENT_SORT_FIELD_BOX2" => "id",
"ELEMENT_SORT_ORDER" => "asc",
"ELEMENT_SORT_ORDER2" => "asc",
"ELEMENT_SORT_ORDER_BOX" => "asc",
"ELEMENT_SORT_ORDER_BOX2" => "desc",
"FIELDS" => array("",""),
"FILE_404" => "",
"FILTER_FIELD_CODE" => array("",""),
"FILTER_NAME" => "arrFilter",
......
)
);?>
<script>
document.querySelector('form').addEventListener('input', function(e) {
var
target = e.target,
output = document.querySelector(target.getAttribute('data-output'))
if (output) {
output.innerHTML = target.value
}
})
</script>
$(document).ready(function() {
$(".button span").click(function() {
$('.hover-box').toggle();
});
$(document).on('click', function(e) {
if (!$(e.target).closest(".title-antfas").length) {
$('.hover-box').hide();
}
e.stopPropagation();
});
});
<div class="bx-filter-parameters-box-antfas title-antfas">
<div id="price_c4ca4238a0b923820dcc509a6f75849b" class="bx-filter-parameters-box-title-antfas" onclick="smartFilter.hideFilterProps(this)">
<span class="sp_price">Цена
<i class="fa fa-angle-down"></i>
</span>
</div>
<!-- Раскрытие -->
<div class="bx-filter-block box-filter-mani-antfas hover-box" data-role="bx_filter_block">
<div class="row bx-filter-parameters-box-container">
<div class="bx-filter-parameters-box-container-block-antfas bx-left">
<div class="bx-filter-input-container-antfas">
<i class="bx-ft-sub">От</i>
<input class="min-price" name="arrFilter_P1_MIN" id="arrFilter_P1_MIN" value="" size="10" onkeyup="smartFilter.keyup(this)" placeholder="2190" type="text">
</div>
</div>
<div class="bx-filter-parameters-box-container-block-antfas bx-right">
<div class="bx-filter-input-containe-antfasr">
<i class="bx-ft-sub">До</i>
<input class="max-price" name="arrFilter_P1_MAX" id="arrFilter_P1_MAX" value="" size="10" onkeyup="smartFilter.keyup(this)" placeholder="7590" type="text">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 bx-filter-button-box box-botttom-antfas">
<div class="bx-filter-block">
<div class="bx-filter-parameters-box-container">
<input class="btn btn-themes" id="set_filter" name="set_filter" value="Показать" type="submit">
<input class="btn btn-link" id="del_filter" name="del_filter" value="Сбросить" type="submit">
</div>
</div>
</div>
</div>
</div>
</div>