Опубликовано Оставить комментарий

добавляем в ocfilter сворачивание. минимизируем фильтр цены

Чтобы добиться такого вида окфильтра. необходимо добавить к сайту следующие жс и цсс

.noUi-pips-horizontal
{
    display:none;
}

.ocfilter-option label
{
    float:left;
    white-space:nowrap!important;
    width:50%!important;
}

.noUi-horizontal .noUi-handle {
    width: 23px!important;
    height: 23px!important;
    left: -17px!important;
    top: -4px!important;
    border-radius:50%!important;
}

.list-group .list-group-item
{
    overflow:hidden!important;
}

.ocfilter-option .ocf-option-name
{
    margin-bottom:0px!important;
}
.ocf-option-values
{
    margin-top:10px;
}
var html_bott = "<i class='fa fa-chevron-down pull-right'></i>";
var html_top = "<i class='fa fa-chevron-up pull-right'></i>";

$(document).ready(function() {
    
    $(".ocf-option-name").each(function(index) {
        var this_html = $(this).html();
        var this_text = $(this).text();
        $(this).html(this_text + html_top);
    });

    $(".ocf-option-name").click(function() {
        var this_html = $(this).html();
        var this_text = $(this).text();

        var last_s = this_html.slice(-1);

        if (last_s == ' ') {
            $(this).html(this_text + html_top);
        } else
            $(this).html(this_text + html_bott + ' ');

        $(this).next().toggle();
    });

    // сворачиваем все группы начиная с 4
    $(".ocf-option-name").each(function(index) {
        if (index > 3)
            $(this).click();
    });


});

Добавить комментарий

Ваш e-mail не будет опубликован.