탭메뉴 최신 글 질문 드립니다.

안녕하세요.
탭메뉴를 수정해서 사용하시고자 하시면
theme_notice_no_title_carousel
위에 해당하는 최근게시물 스킨을 복사하셔서

theme_notice_no_title_carousel_1
theme_notice_no_title_carousel_2
theme_notice_no_title_carousel_3.....

위처럼 복사하셔서 새로운 스킨을 만들어주세요.
이유는 각 스킨별로 하나의 id 값으로 슬라이드를 사용하고 있기 때문입니다.

또한 각 스킨별로 id 값을 수정하셔서 사용셔야 합니다.
테마폴더의 js /custom.js 파일 열어보시면 최근게시물 스킨하나당 하나의 자바스크립트를 사용하고 있기 때문입니다.
자바스크립틀 복사하셔서 추가해서 사용해주세요.

제가 외부에 있어 더 디테일하게 설명하기가 어렵습니다.
우선 테스트 해보시고 잘 안되시면 다시 질문글 남겨주세요.
5시 넘어서 오후에 들어갈것 같습니다.

감사합니다.

<?php echo latest('theme/theme_notice_no_title_carousel', 'category_01', 6, 30);?>

테마폴더에 보시면 skin/latest/ 에서 최근게시물 스킨 theme_notice_no_title_carousel 에서 list.skin.php 에 보시면

• 
  
  위와 같은곳이 있습니다 id 값을 보시면
  latest-caousel 이라고 되어 있습니다.
  
  테마폴더/js/customjs 에서 latest-carousel 로 검색해보시면
  
  
  $('#latest-carousel').owlCarousel({
  loop:false,
  lazyLoad:true,
  margin:10,
  nav: true,
  navText : ["

",""],
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:4
}
}
});

위와 같은 자바스크립트가 있습니다.
슬라이드를 실행해주는 옵션들 입니다.

바로 밑에 2번을 추가하는 경우라면 이렇게 아래 처럼 추가해주시면
새로운 슬라이드를 사용할 수 있습니다.
대신 새로만드신 스킨에 id="latest-carousel-2" 라고 입력해주셔야 합니다.

• 
  새로 추가한 스킨은 이렇게 적어주시면 됩니다.
  
  $('#latest-carousel-2').owlCarousel({
  loop:false,
  lazyLoad:true,
  margin:10,
  nav: true,
  navText : ["

",""],
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:4
}
}
});

위 내용 처럼 자바스크립트 옵션도 스킨의 id 값에 따라서 각각 추가시켜주시면
따로따로 동작하게 됩니다.

위 문제로 인해서 다른 슬라이더 들이 동작하지 않았던 것입니다.
이해가 잘 안되시면 다시 코멘트 주세요~

감사합니다.~~

자세한 설명에 감사드립니다.
4개 다 출력이 잘 됩니다...고맙습니다~~~~~^^

저도 위 내용처럼 이틀동안 하다하다 안되고 있는데 윗분은 많이 아시는분이라 금방 해결하시는거 같은데 저는 초보자라 이틀동안 끙끙 앓고 있습니다.
순서대로 어디어디 수정해야하는지좀 알려주실수 있을까요? ㅠㅠ

오 됐네요~~~와우
custom.js 중간에 보니

 

$('#latest-carousel').owlCarousel({

loop:false,

lazyLoad:true,

margin:10,

nav: true,

navText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],

responsive:{

0:{

items:1

},

600:{

items:1

},

1000:{

items:4

}

}

});

$('#latest-carousel-2').owlCarousel({

loop:false,

lazyLoad:true,

margin:10,

nav: true,

navText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],

responsive:{

0:{

items:1

},

600:{

items:1

},

1000:{

items:4

}

}

});
요런문구가 있었네요 /***********************************************************

* 3번째공지사항추가부분

***********************************************************/

$('#latest-carousel-3').owlCarousel({

loop:false,

lazyLoad:true,

margin:10,

nav: true,

navText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],

responsive:{

0:{

items:1

},

600:{

items:1

},

1000:{

items:4

}

}

});
이렇게 추가했더니 됐어요 잘한건지 모르겠네요 일단 나와서 다행이네요
도움 많이 받고 갑니다~~~

네 수고하셨습니다.~ 즐거운 하루 되세요~!