영카트 관련상품 bxSlider 슬라이드 반응형 처리

영카트를 보면 관련상품이라고 있다.
해당 bxSlider 슬라이드가 있는데
default 값으로 비반응형 되어있다.
위치와 코드는 아래와 같이 처리할 수 있다.
테마폴더/skin/shop/basic/relation.10.skin.php 파일을 보면 아래와 같은 자바스크립트 코드가 있다.
 

<script>

$(document).ready(function(){

    $('.scr_10').bxSlider({

        slideWidth:175,

        minSlides:6,

        maxSlides:6,

        slideMargin:20,

        pager:false

    });

});

</script>

위 코드를 아래 처럼 옵션을 추가한다.

<script>

$(document).ready(function(){

    $('.scr_10').bxSlider({

        slideWidth: 175,

        minSlides: 1,

        maxSlides: 6,

        slideMargin: 20,

        pager: false,

        responsive: true

    });

});

</script>
그럼 아래 그림 처럼 모바일에서 브라우저 크기에 따라서 자동으로 조절하게 된다.