에티테마

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

페이지 정보

작성자 no_profile Esprit 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 4건 작성일 22-06-09 14:21

본문

테마명 :theme_302 

수정 전--
<!-------------------------- 탭메뉴 -------------------------->
<div class="container mt40 mb40">
<div class="row">
<div class="col-md-12">
<div class="tabs-container new-tab">
<!-------------------------- tabs -------------------------->
<ul class="nav nav-tabs row" style="margin:0px 0px;">
<li class="active col-md-3 col-sm-6 col-xs-6 text-center no-padding">
<a data-toggle="tab" href="#tab-001" aria-expanded="true"><i class="material-icons vcenter">local_library</i> 게시물</a></li>
<li class="col-md-3 col-sm-6 col-xs-6 text-center no-padding">
<a data-toggle="tab" href="#tab-002" aria-expanded="false"><i class="material-icons vcenter">collections</i> 갤러리</a></li>
<li class="col-md-3 col-sm-6 col-xs-6 text-center no-padding">
<a data-toggle="tab" href="#tab-003" aria-expanded="false"><i class="material-icons vcenter">not_started</i> 미디어</a></li>
<li class="col-md-3 col-sm-6 col-xs-6 text-center no-padding">
<a data-toggle="tab" href="#tab-004" aria-expanded="false"><i class="material-icons vcenter">event_note</i> 행사안내</a>
</li>
</ul>

<div class="tab-content" style="padding:0px; margin:0px;">
<div id="tab-001" class="tab-pane fade in active ko">
<!-- 
동일한 최근게시물을 추가하시는 경우 테마폴더/js/custon.js 에도 슬라이드를 추가해주셔야 합니다.
-->
<?php echo latest('theme/theme_notice_no_title_carousel', 'notice', 6, 30);?>

</div>
<div id="tab-002" class="tab-pane fade ko">
<!-- 최근갤러리 -->
<?php echo latest('theme/gallery_list_carousel', 'gallery', 6, 40);?>
</div>
<div id="tab-003" class="tab-pane fade ko">
<!-- 최근게시물 -->
<?php echo latest('theme/gallery_list_carousel_yt', 'gallery_movie', 6, 30);?>
</div>
<div id="tab-004" class="tab-pane fade ko">
<!-- 최근게시물 -->
<?php echo latest('theme/theme_notice_no_title_carousel_2', 'free', 6, 30);?>
</div>
</div>
</div><!-- ./End tabs -->

</div>
</div>
</div>
<!-------------------------- /텝메뉴 -------------------------->

 수정 후===========================

<!-------------------------- 탭메뉴 -------------------------->
<div class="container mt40 mb40">
<div class="row">
<div class="col-md-12">
<div class="tabs-container new-tab">
<!-------------------------- tabs -------------------------->
<ul class="nav nav-tabs row" style="margin:0px 0px;">
<li class="active col-md-3 col-sm-6 col-xs-6 text-center no-padding">
<a data-toggle="tab" href="#tab-001" aria-expanded="true"><i class="material-icons vcenter">local_library</i> 게시판-01</a></li>
<li class="col-md-3 col-sm-6 col-xs-6 text-center no-padding">
<a data-toggle="tab" href="#tab-002" aria-expanded="false"><i class="material-icons vcenter">collections</i> 게시판-02</a></li>
<li class="col-md-3 col-sm-6 col-xs-6 text-center no-padding">
<a data-toggle="tab" href="#tab-003" aria-expanded="false"><i class="material-icons vcenter">not_started</i> 게시판-03</a></li>
<li class="col-md-3 col-sm-6 col-xs-6 text-center no-padding">
<a data-toggle="tab" href="#tab-004" aria-expanded="false"><i class="material-icons vcenter">event_note</i> 게시판-04</a>
</li>
</ul>

<div class="tab-content" style="padding:0px; margin:0px;">
<div id="tab-001" class="tab-pane fade in active ko">
<!-- 
동일한 최근게시물을 추가하시는 경우 테마폴더/js/custon.js 에도 슬라이드를 추가해주셔야 합니다.
-->
<?php echo latest('theme/theme_notice_no_title_carousel', 'board_01', 6, 30);?>

</div>
<div id="tab-002" class="tab-pane fade ko">
<!-- 최근갤러리 -->
<?php echo latest('theme/theme_notice_no_title_carousel', 'board_02', 6, 40);?>
</div>
<div id="tab-003" class="tab-pane fade ko">
<!-- 최근게시물 -->
<?php echo latest('theme/theme_notice_no_title_carousel', 'board_03', 6, 30);?>
</div>
<div id="tab-004" class="tab-pane fade ko">
<!-- 최근게시물 -->
<?php echo latest('theme/theme_notice_no_title_carousel', 'board_04', 6, 30);?>
</div>
</div>
</div><!-- ./End tabs -->

</div>
</div>
</div>
<!-------------------------- /텝메뉴 -------------------------->

수고하십니다. 최신글 탭 메뉴 출력 게시물 질문 드립니다.
동일 스킨 (theme_notice_no_title_carousel)에서 1번 게시글은 출력이 되는데.. 나머지 출력은 어디서 수정을 해야하나요?
부탁드립니다.







  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

안녕하세요.
탭메뉴를 수정해서 사용하시고자 하시면
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시 넘어서 오후에 들어갈것 같습니다.

감사합니다.

Esprit님의 댓글

no_profile Esprit 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일


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




<?php echo latest('theme/theme_notice_no_title_carousel_2', 'category_02', 6, 40);?>



<?php echo latest('theme/theme_notice_no_title_carousel_3', 'category_03', 6, 40);?>



<?php echo latest('theme/theme_notice_no_title_carousel_4', 'category_02', 6, 30);?>


** 탭메뉴 1,2번은 출력이 잘 되는데..3,4번 출력이 안되는군요.
동일한 최근게시물을 추가하시는 경우 테마폴더/js/custon.js 에도 슬라이드를 추가해주셔야 합니다.<<-- 이 부분 수정 설명 부탁드립니다.

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

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

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

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

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

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

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

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

감사합니다.~~

Total 1,161건 5 페이지
질문답변 목록
번호 제목 날짜
1041
시간 : 07-25
07-25
1040
시간 : 07-25
07-25
1039
시간 : 07-25
07-25
1038
시간 : 07-24
07-24
1037
시간 : 07-24
07-24
1036
시간 : 07-24
07-24
1035
시간 : 07-21
07-21
1034
시간 : 07-20
07-20
1033
시간 : 07-19
07-19
1032
시간 : 07-16
07-16
1031
시간 : 07-16
07-16
1030
시간 : 07-15
07-15
1029
시간 : 07-12
07-12
1028
시간 : 07-12
07-12
1027
시간 : 07-10
07-10
1026
시간 : 07-10
07-10
1025
시간 : 07-10
07-10
1024
시간 : 07-10
07-10
1023
시간 : 07-07
07-07
1022
시간 : 07-04
07-04
1021
시간 : 06-29
06-29
1020
시간 : 06-29
06-29
1019
시간 : 06-29
06-29
1018
시간 : 06-23
06-23
1017
시간 : 06-23
06-23
1016
시간 : 06-19
06-19
1015
시간 : 06-18
06-18
1014
시간 : 06-16
06-16
1013
시간 : 06-15
06-15
1012
시간 : 06-15
06-15
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼