안녕하세요. 원더풀 프로덕트 스킨 관련해서 문의드립니다.
제가 알기론 해당 스킨에 적용된 슬라이드가 lightSlider를 활용해서 하신다고 전달받았습니다.
그래서 찾아보니, 사진처럼 슬라이드 아이템 갯수를 지정할 수 있던데..
게시판 document.js 파일을 수정했는데도 적용이 안되더라구요..
혹시 js 파일말고 다른쪽으로도 수정을 해야하나요? 딱 사진처럼 적용 시키고 싶습니다.
https://imgur.com/tNC6FhW
사용중인 url - http://dainhousing1.cafe24.com/?page_id=2375
원더풀 제품소개 스킨의 슬라이드의 메인 이미지는 가로 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
고맙습니다.
혹시, 아래 링크처럼 하고 싶은데 업로드 하는 이미지 사이즈 조절 사진 비율에 맞게 가능한가요?
https://avec.or.kr/portfolio/central-sungmo-dental-clinic
지금은 가로 사이즈가 너무 똑같애서 문의드립니다.
사진이 가로로 짧거나 할때 늘어짐 현상이 있어요
http://dainhousing1.cafe24.com/?page_id=2375&mod=document&pageid=1&uid=13
저희 쪽에서 확인했을 땐 메인 슬라이드의 개수가 3개로 표시되고 있습니다.
브라우저의 캐시 문제는 아닌지 확인해보시겠어요?
크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.
고맙습니다.
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
안녕하세요~^^
document.js 파일 어느 부분을 수정하셨는지요?
item 속성의 숫자를 조절하시면 메인 슬라이드의 이미지 개수를 설정하실 수 있습니다.
원더풀 제품소개 스킨에서는 기본적으로 1로 설정되어 있으며
올려주신 이미지처럼 적용하시려면 3으로 적용해보세요.
메인 슬라이드 아래에 표시되는 서브 이미지들의 개수를 조절하시려면
thumbItem 속성의 숫자를 조절해보시겠어요?
고맙습니다.