Как сделать фильтр в slick если у тебя стоит значение rows 2?

Салават Салахутдинов, что то я там функции фильтра не замечал в демо версии

Как сделать фильтр в slick если у тебя стоит значение rows 2?

какой слайдер посоветуете с таким решение фильтра с 2 рядами блоков ?

Слайдер slick внутри слайдера, как сделать так чтобы нумерация слайда не переключалась если свайпишь внутренний слайдер?

akyl-kb, Ну как вы смотрели код? не знаете в чем может быть проблема? это единственное что осталось поправить в проекте, нужно срочно сдавать а я не знаю что тут можно придумать.
Еще раз кидаю ссылку на страницу ссылка посмотрите пожалуйста, для вас может это 5 минут а для меня вообще вечность и в инете нету решений.

Почему в slick слайдере когда стоит значение rows 2, а на мобилке надо rows 1 то при ресайзе значение не меняется, только при обновлении страницы?

Сергей delphinpro, толку от кода это же стандартная функция slick, решения нашел, я уже нашел решения, проблема была в том что минифицированный slick баганутый. Надо использовать не минифицированную версию

Почему в slick слайдере когда стоит значение rows 2, а на мобилке надо rows 1 то при ресайзе значение не меняется, только при обновлении страницы?

может, когда переворачивает телефон, мне надо чтобы выше 480 было rows 2 а ниже rows 1, я уже нашел решения, проблема была в том что минифицированный slick баганутый. Надо использовать не минифицированную версию

Как сделать в слайдере slick подсчет слайдов?

А если у меня с slick слайдере находится еще 1 slick слайдер? как мне отобразится правильный подсчет нумерации слайдер главного слайдера? Ссылка на сайт По ссылке внизу есть слайдер отзывов, на мобильной версии там получится в этом слайдере еще 1 слайдер, и моя нумерация страниц считается сколько, сколько слайдов во внутреннем слайдере а не во внешнем, во внешнем 2 слайда, во внутреннем 4, и он показывает 4, а должен 2. Не подскажешь что можно сделать?

var $examplesSlider2 = $('.reviews-slider');
    var examplesSlider2 = $examplesSlider2[0];
    var $paging2 = $('.reviews-slider-paging .paging');


    $examplesSlider2.slick({
        slidesToShow: 1,
        adaptiveHeight: true,
        swipe: true, 
        infinite: false, 
        appendArrows: '.reviews-slider-paging',
        prevArrow: '<button class="slick-arrow slick-prev"></button>',
        nextArrow: '<button class="slick-arrow slick-next"></button>',
    }).on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
        if (!event.target.classList.value.includes('reviews-slider')) {
            return;
        }
        var i = (currentSlide ? currentSlide : 0) + 1;
        if(i > 9) {
            $paging2.html(i + '<span class="slick-devider"></span>' + '<span class="sr">' + slick.slideCount + '</span>');
        } else {
            $paging2.html('0'+i + '<span class="slick-devider"></span>' + '<span class="sr">' + slick.slideCount + '</span>');
        }
        
        
    });


    $('.reviews-gallery-slider').on('mousedown touchmove', function(){

        examplesSlider2.slick.setOption({
            swipe: false,
            touchMove: false,
        });
    });


    $('.reviews-gallery-slider').slick({
            slidesToShow: 3,
            adaptiveHeight: true,
            infinite: false,
            swipe: true,
            prevArrow: '<button class="slick-arrow slick-prev"></button>',
            nextArrow: '<button class="slick-arrow slick-next"></button>',
             responsive: [
                {
                    breakpoint: 640,
                    settings: {
                        
                        slidesToShow: 2,
                    }
                },
                {
                    breakpoint: 479,
                    settings: {
                        
                        slidesToShow: 1,
                    }
                }
            ]
        }).on('afterChange', function(event, slick){
           event.stopPropagation();
            examplesSlider2.slick.setOption({
                swipe: true,
                touchMove: true,
            });
        });

Слайдер slick внутри слайдера, как сделать так чтобы нумерация слайда не переключалась если свайпишь внутренний слайдер?

akyl-kb, Сделал вот так, но тогда у меня наумерцая страниц добавляется на страницу только при сменен слайда а не при загрузки страницы.

$examplesSlider2.slick({
        slidesToShow: 1,
        adaptiveHeight: true,
        swipe: true, 
        infinite: false, 
        appendArrows: '.reviews-slider-paging',
        prevArrow: '<button class="slick-arrow slick-prev"><img src="img/arrow.svg" alt="" /></button>',
        nextArrow: '<button class="slick-arrow slick-next"><img src="img/arrow.svg" alt="" /></button>',
    }).on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
        if (!event.target.classList.value.includes('reviews-slider')) {
            return;
        }
        var i = (currentSlide ? currentSlide : 0) + 1;
        if(i > 9) {
            $paging2.html(i + '<span class="slick-devider"></span>' + '<span class="sr">' + slick.slideCount + '</span>');
        } else {
            $paging2.html('0'+i + '<span class="slick-devider"></span>' + '<span class="sr">' + slick.slideCount + '</span>');
        }
        
    });

Слайдер slick внутри слайдера, как сделать так чтобы нумерация слайда не переключалась если свайпишь внутренний слайдер?

Работает, но проблема не полностью решилась, получается количество слайдов должно быть 2, а пишет 4, то есть пишет количество слайдов внутреннего слайдера, а нужно внешнего. Не поможете? Буду очень благодарен.

Почему плагин mCustomScrollbar плохо скроллит пальцем по контенту?

Рустам Байназаров, А как я могу с этим плагином вычислять скролл горизонтальный, чтобы зафиксировать левую колонку таблицы? в прошлом плагине я мог вот так прописать
callbacks:{
whileScrolling: function(){
$('.th-fixed').css('transform', 'translateX(' + Math.abs(this.mcs.left) + 'px)');
},

То есть мне надо вычислять сколько проскролил и добавлять это значение в transform X

Как сделать умное позиционирование выпадающего списка в окне браузера?

Benjamin L, сам делал, но надо сделать умное позиционирование я в js не селет чтобы вычислять позицию списка и смотреть не вылазит ли он за окно браузера

Как сверстать данный блок?

а в чем проблема сделать ссылки внутри li и спозиционировать их, по клику делайте что нужно. вот и все=)

Почему плагин mCustomScrollbar плохо скроллит пальцем по контенту?

не могу так по дизайну сделано

Почему плагин mCustomScrollbar плохо скроллит пальцем по контенту?

Рустам Байназаров, довольно хороший плагин, если мне подойдет, сделаю ответ - решением

Как мне скрыть блок после выбора элемента в 2 списка?

Vadim Bogomazov, ругается на item =>

Как мне скрыть блок после выбора элемента в 2 списка?

Vadim Bogomazov, еще раз привет, не знаешь почему в этом коде ie 11 ругается ?

selectedItems[item] = value;

if (Object.values(selectedItems).every(item => item !== 'Любые')) {
$wrapper.find('.dropdown-menu').removeClass('is-open');
$('.dropdown-overlay').removeClass('is-open')
}

Как мне скрыть блок после выбора элемента в 2 списка?

а без "const" можно как то решить а то ie и мобильные браузеры плохо отрабатывает, помойму в мобильныз вообще не работает.

Как мне скрыть блок после выбора элемента в 2 списка?

Александр Смирнов, извини не сохранил, вот тут все работает то что есть https://jsfiddle.net/4xhcak93/4/

Как мне скрыть блок после выбора элемента в 2 списка?

Александр Смирнов, https://jsfiddle.net/zekjoa7y/ только я не знаю как настроить там jquery чтобы работало, а то клик не отркбатывает

Как сделать чтобы nicescroll был за блоком прокрутки, а не внутри? так как внутри он перекрывает текст и другое содержимое?

Andrej Sharapov, спасибо я уже нашел нужный плагин со всем что мне нужно manos.malihu.gr/jquery-custom-content-scroller

Как сделать чтобы nicescroll был за блоком прокрутки, а не внутри? так как внутри он перекрывает текст и другое содержимое?

Andrej Sharapov, для начала мне нужно нижний скролл, если я сделаю отступ вниз, то получается когда скролла не будет на каком-то расширении, а отступ останется, это минус, тем более скролл по дизайну 30px по высоте, а это значит надо окло 50 px делать отступ ? , надо найти решение чтобы он просто не налазил на содержимое а был как стандартный, отдельно. есть какие-то варианты ? или может другие плагины с такой возможностью?