Сова Карусель 2 добавить изменение номера элемента при клике

Question

Можно ли как-то изменить ограничение количества сов для карусели совы по клику. Так как я работаю над сеткой и списком без перезагрузки, и я хочу изменить элементы Сова Карусель по нажатию на кнопку просмотра списка. Как будто у меня есть 2 элемента, которые недавно отображались на сетке, после того как я щелкнул по представлению списка, будет отображаться только 1 элемент.

<ul class="list-unstyled view-holder">
    <li class="view-box grid-view active">
        <a href="javascript:;">Grid View</a>
    </li>
    <li class="view-box list-view">
        <a href="javascript:;">List View</a>
    </li>
</ul>

<div class="owl-carousel feature-carousel">
    <div class="item"> 1 </div>
    <div class="item"> 2 </div>
    <div class="item"> 3 </div>
    <div class="item"> 4 </div>
</div>

var itemList = 2;

var $owlFeatureSlider = $(".feature-carousel");

$owlFeatureSlider.owlCarousel({
    rtl: rtlVal
    , loop: false
    , margin: 30
    , nav: false
    , items: itemList
});

$(".list-view").click(function () {

    $owlFeatureSlider.trigger('refresh.owl.carousel');

    if(itemList == 2){
       var itemList = 1;
    }

});