Help Center
카페24 소식
[고객/게시판] 게시글에 댓글의 댓글 작성기능 추가
2013-11-20
안녕하세요, 카페24 운영도우미 입니다.
쇼핑몰 게시판에 등록된 게시물 댓글의 댓글을 작성할 수 있는 기능이 추가되었습니다.
자세한 내용은 아래를 참조해 주세요.
■ 적용일자 : 2013-11-20 (수)
■ 업데이트 내용
1. 기능안내
게시판 쓰기 설정에 댓글의 댓글달기 설정항목이 추가되었으며, 사용 설정 및 HTML 수정 시
게시글에 달린 댓글의 댓글 작성이 가능합니다.
- 위치 : 쇼핑몰어드민 > 고객/게시판 > 게시판관리 > [게시판설정]쓰기설정 > 댓글의댓글달기 설정
▼ 댓글의 댓글달기 기능위치
2. HTML 수정
댓글의 댓글 기능 사용을 위해서는 HTML 수정이 필요합니다.
아래와 같이 해당 영역의 HTML을 수정해주세요..
1) 위치 : 쇼핑몰어드민 > 디자인 > HTML디자인설정 > 게시관련화면 > 게시판글조회
▼ HTML 수정 위치 화면
① 페이지 모듈 리스트 > 글읽기($c_3) 유닛 > 댓글목록
아래 소스로 모두 변경해주세요.
| {{* 파일 내용 : 게시판의 각 글에 대한 코멘트 리스트 변수 설명 : $comment_no : 코멘트 번호 $comment_group_icon : 코멘트 작성자 그룹 아이콘 $comment_name : 코멘트 작성자 $comment : 코멘트 $board_no : 게시판 번호 $no : 글 번호( DB에서 사용 되는 글 번호 ) $comment_no : 코멘트 번호 $offset : 글 목록에서 첫번째 글 번호 $page : 페이징 에서 사용되는 게시판 페이지 번호 ( 예 : 1~10 -> 1페이지, 11~20 -> 2페이지 ) $number : 웹 페이지에서 사용되는 글 번호 $comment_write_date : 코멘트 날짜 *}} <!-- UNIT u3 시작 --> <table cellpadding="0" cellspacing="0" style="width:645px; border:0px; border-top:1px solid #E4E3E1;" class="{{$child_class}}"> <tr> <td style="width:5%; height:27px; text-align:center;"> {{if $is_child eq 'F'}}{{$comment_cnt}}{{/if}} </td> <td style="width:130px; text-align:center;" class="txt_coupon">{{$comment_group_icon}} {{$comment_name}}</td> <td style="padding:5px 0;"> {{$comment}} <font color="gray">{{$comment_write_date}}</font> <a href="javascript:getCommentModifyForm('{{$comment_no}}');"><img src="{{$img_array.c_3.21.url}}" border="0"/></a> <a href='/front/php/b/board_comment_f_new.php?mode=comment_del&board_no={{$board_no}}&no={{$no}}&comment_no={{$comment_no}}&offset={{$offset}}&page={{$page}}&number={{$number}}&blog_ck={{$blog_ck}}&submit_flag={{$submit_flag}}' target="_top"><img src="{{$img_array.c_3.6.url}}" border="0"/></a> {{if $is_use_reply_comment eq 'T'}}<a href="#none" onclick="getReplyCommentForm({{$board_no}}, '{{$comment_no}}')"><img src="http://img0001.echosting.cafe24.com/front/type_b/image/common/btn_reply_regist.gif" alt="댓글작성" border="0" style="vertical-align:middle;"></a>{{/if}} </td> </tr> </table> <div id="comment_control_area_{{$comment_no}}" class="regist" style="display:none;"></div> <!-- UNIT u3 종료 --> |
② 페이지 모듈 리스트 > 글읽기($c_3) 유닛 > 댓글의댓글 작성폼
아래 소스를 추가해주세요.
| <form id="replayCommentForm" method="post" action="{{$replay_comment_action}}" onsubmit="insertReplayComment(this); return false;"> <input type="hidden" name="parents_idx" id="replay_comment_parents_idx"value="{{$comment_parents_idx}}"> <input type="hidden" name="replay_comment_board_no" id="replay_comment_board_no" value="{{$replay_comment_board_no}}"> <input type="hidden" name="replay_comment_bulletin_no" id="replay_comment_bulletin_no" value="{{$replay_comment_bulletin_no}}"><label>이름 <input type="text" name="replay_comment_name" id="replay_comment_name" value="{{$s_member_name}}" style="width:100px;"></label> <label>비밀번호 <input type="password" name="replay_comment_passwd" id="replay_comment_passwd" value="{{$s_member_id}}" style="width:100px;"> <br></label> <div class="text"> <textarea rows="5" cols="70" name="comment_content" onkeyup="limitCheckReplyComment(this, '{{$comment_parents_idx}}')"></textarea> <input type="image" src="http://img0001.echosting.cafe24.com/front/type_b/image/button/but_confirm02.gif" class="btn" alt="확인"></div> </form> |
<input type="image" src="{{$img_array.c_3.7.url}}" border="0" align="absmiddle" onClick="return comment_submit_check(this.form, '{{$display_comment_name}}')"><br> /+ <div id="limit_comment" style="display:{{$display_limit_comment}}"> <span id='cbyte_span'>0</span> / <font color="#0F6690">{{$limit_comment_length}} byte</font> </div> {{$limit_comment}}
③ 디자인>HTML디자인설정>게시판글조회New>글읽기(C_3)>댓글 작성품(권한 있음) (u4) > 편집
아래 소스를 추가해주세요.
[상단생략]
④ 자바스크립트&스타일시트 > 스타일시트 편집
아래 소스를 추가해주세요.
|
## 상단생략 ## .regist { margin-left:5%; padding-left:15px; border-top:0; background:url("http://img0001.echosting.cafe24.com/front/type_b/image/common/ico_reply.gif") no-repeat 0px 7px; } ## 하단생략 ## |
2) 위치 : 쇼핑몰어드민 > 디자인 > HTML디자인설정 > 상품관련화면 > 상품상세정보
▼ HTML 수정 위치 화면
① 페이지 모듈 리스트 > 상품상세설명($c_3) 유닛 > 상품사용후기 댓글 목록 편집
아래 코드를 삽입합니다.
| {{* 파일 내용 : 상품QnA 코멘트 리스트 변수 설명 : $comment_name : 코멘트 작성자 $comment : 코멘트 $board_no : 게시판 번호 $no : 글 번호( DB에서 사용 되는 글 번호 ) $comment_no : 코멘트 번호 $comment_date : 코멘트 작성일 *}} <tr> <td class="txt_coupon {{$reply_class}}"width="80"> {{$comment_group_icon_url}}{{$comment_name}}</td> <td>{{$comment}} </td> <td width="120" style="color:gray">{{$comment_date}}</td> <td width="80" style="color:gray"> <span style="display:{{$is_use_point_display_ub}};">{{$comment_point_html}}</span></td> </tr> |
② 자바스크립트&스타일시트 > 스타일시트 편집
아래 코드를 추가로 삽입합니다.
| .commentReplyRow {padding-left:30px; background:url (http://img0001.echosting.cafe24.com/front/type_b/image/common/ico_reply.gif) no-repeat 10px;} |
3) 모바일쇼핑몰 > 디자인스킨관리 > HTML편집 > 게시판관련화면 > 글조회
▼ HTML 수정 위치 화면
① HTML 편집
| {{foreach from=$aBoard.comment_list item=val}}<li class="first">
{{foreach from=$aBoard.comment_list item=val}}<li class="first {{$val.child_class}}"> |
② 자바스크립트&스타일시트 > 스타일시트 편집
아래 코드를 추가로 삽입합니다.
| #mCommentList .commentReplyRow {padding-left:30px; background: url(http://img0001.echosting.cafe24.com/front/type_b/image/common/ico_reply.gif) no-repeat 10px 20px;} |
3. 적용화면
1) 댓글의 댓글 작성
▼ 댓글의 댓글을 작성할 수 있는 버튼이 추가됩니다. 
2) 댓글의 댓글 작성완료
▼ 댓글 아래로 댓글의 댓글이 작성되었음을 확인할 수 있습니다.
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]