[shustrov]

Привет. Проблему решил следующим образом.

Заметил что при изменении размера окна - Owl карусель сама обновляет размеры элементов. Есть у них встроенный обработчик, метод ".onResize", собственно идея в том чтобы вызывать этот метод при переключении таб.

<div id="new-products" role="tabpanel" class="tab-pane active">
                    <div id="owl-carousel-new-products" class="owl-carousel">
                        <div class="product-item"><img src="./images/1.png"></div>
                        <div class="product-item"><img src="./images/2.png"></div>
                        <div class="product-item"><img src="./images/3.png"></div>
                        <div class="product-item"><img src="./images/4.png"></div>
                        <div class="product-item"><img src="./images/5.png"></div>
                    </div>
                </div>

$('#owl-carousel-new-products').owlCarousel(owlConfig);

    $('[data-toggle="tab"]').each(function () {
        $(this).on('click', function (e) {
            var carouselId = $($(e.target).attr('href')).find('.owl-carousel').attr("id");
            var carouselObj = ($("#"+carouselId).owlCarousel(owlConfig)).data('owlCarousel');
            if ( carouselObj && typeof carouselObj.onResize === "function") {
                setTimeout(function () {
                    carouselObj.onResize();
                }, 50);
            }
        });

    });

Если будут вопросы - пишите.