안녕하세요~^^

document.js 파일 어느 부분을 수정하셨는지요?

item 속성의 숫자를 조절하시면 메인 슬라이드의 이미지 개수를 설정하실 수 있습니다.

원더풀 제품소개 스킨에서는 기본적으로 1로 설정되어 있으며

올려주신 이미지처럼 적용하시려면 3으로 적용해보세요.

메인 슬라이드 아래에 표시되는 서브 이미지들의 개수를 조절하시려면

thumbItem 속성의 숫자를 조절해보시겠어요?

고맙습니다.

jQuery(document).ready(function(){
    jQuery('.kboard-wonderful-product-image-gallery').lightSlider({
        gallery: true,
        item: 3,
        loop: true,
        thumbItem: 6,
        slideMargin: 10,
        adaptiveHeight: false,
        enableDrag: true,
        addClass: 'kboard-wonderful-product-lightslider',
        enableTouch: true
    });
});

이렇게 적용했는데, 반영이 안되네요 ㅠㅠ

왜그런지 알수있을까요?

http://dainhousing1.cafe24.com/?page_id=2375

저희 쪽에서 확인했을 땐 메인 슬라이드의 개수가 3개로 표시되고 있습니다.

브라우저의 캐시 문제는 아닌지 확인해보시겠어요?

크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

고맙습니다.

혹시, 아래 링크처럼 하고 싶은데 업로드 하는 이미지 사이즈 조절 사진 비율에 맞게 가능한가요?

https://avec.or.kr/portfolio/central-sungmo-dental-clinic

지금은 가로 사이즈가 너무 똑같애서 문의드립니다. 

사진이 가로로 짧거나 할때 늘어짐 현상이 있어요

http://dainhousing1.cafe24.com/?page_id=2375&mod=document&pageid=1&uid=13

원더풀 제품소개 스킨의 슬라이드의 메인 이미지는 가로 600px 세로 338px로 표시하고 있습니다.

가로 사이즈를 다르게 적용하시려면 리사이즈 함수를 제거해주셔야 할 듯합니다.

FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/document.php 파일에

아래의 코드를 모두 찾아서

kboard_resize($media_item->file_path, 600, 338)

아래의 코드로 모두 교체해보시겠어요?

$media_item->file_path

lightSlider에서 너비를 각 이미지별로 다르게 설정하는 방법은

아래 링크에서 Auto width 쪽을 참고 부탁드립니다.

https://sachinchoolur.github.io/lightslider/examples.html

고맙습니다.