[고객/게시판] 게시판 댓글의댓글 작성 기능 업그레이드 안내

2014-01-09

안녕하세요, 카페24 운영도우미 입니다.

게시판 형태 중 '일반형'에 제공되었던 댓글의댓글 기능이 '갤러리형'과 '블로그형 펼쳐보기'에도
동일하게 추가되었습니다.

또한 게시판 댓글 설정 시, 설정 정보가 댓글의 댓글에도 동일하게 적용될 수 있도록 기능이 개선되었습니다.
(댓글 설정 : 글자수 제한, 동일아이디 댓글 작성 개수 제한)

[관련 공지] 게시판 댓글 작성기능 추가

[관련 공지] 게시판 댓글 기능 업그레이드

자세한 내용은 아래를 참조해 주세요.

■ 적용일자 : 2014-01-09 (목)

■ 업데이트 내용

댓글의 댓글 기능을 사용하기 위해서는 아래 안내와 같이
HTML디자인설정 소스를 수정하셔야 정상적으로 이용이 가능합니다.

1. 기능안내

- 위치 : 쇼핑몰어드민 > 고객/게시판 > 게시판관리 > [게시판설정]쓰기설정 > 댓글의댓글달기 설정

▼ 댓글의 댓글달기 기능위치

2. HTML 수정

댓글의 댓글 기능 사용을 위해서는 HTML 수정이 필요합니다.
아래와 같이 해당 영역의 HTML을 수정해주세요.

- 위치 : 쇼핑몰어드민 > 디자인 > HTML디자인설정 > 게시관련화면 > 게시판글조회

▼ HTML 수정 위치 화면

페이지 모듈 리스트 > 글읽기($c_3) > HTML편집 > 댓글의댓글 작성폼(uc3)
- 아래와 같이 파란색 소스를 추가합니다.

<form id="replayCommentForm" method="post" action="{{$replay_comment_action}}" onsubmit="return insertReplayComment(this);">
<input type="hidden" name="reply_comment_limit_length" id="reply_comment_limit_length" value="{{$reply_comment_limit_length}}">
<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;"> </label>(<label>
<input type="radio" name="is_secret" value="F" checked style="margin-bottom:5px; border:0px;"> 공개글</label><label>
<input type="radio" name="is_secret" value="T" style="margin-bottom:5px; border:0px;"> 비밀글</label>)<div class="text">
<textarea rows="5" cols="70" name="comment_content" onkeyup="javascript: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>
<div style="display:{{$reply_limit_comment_display}}">
<span id='reply_comment_byte_{{$comment_parents_idx}}'>0</span> / <font color="#0F6690">{{$reply_comment_limit_length}} byte</font>
</div>
</form>

- 위치 : 쇼핑몰어드민 > 디자인 > HTML디자인설정 > 게시관련화면 > 게시판 목록

▼ HTML 수정 위치 화면

1) 페이지 모듈 리스트 > 블로그 펼침형 글 목록($b2_3) 유닛 > HTML편집

- 아래와 같이 파란색 소스를 추가합니다.

{{*
   파일 내용 : 운영일지 블로그 펼침형 글 목록
   변수 설명 :
   $c_3_u1title :    페이지타이틀
   $b2_3_u1 :    글 목록(반복되는 행)
   $b2_3_u2 :    페이징
$b2_u1re_config :    (필수)댓글 설정(댓글의 댓글, 댓글 글자수 제한, 동일 아이디 글 작성 수 제한)
$display_write : 글쓰기 권한에 따라 쓰기 버튼 노출 여부 (권한있음 : inline / 권한 없음 : none)*}}
{{$c_3_u1title}}<tr><td>{{literal}}<style>
.blog2styleSubject {{    border-top : 1px solid #20deee;    border-bottom : 1px solid #c6dee1;    color : #555555;    font-size : 12px;    line-height : 17px;    padding : 5px;    }}
.blog2styleSubject .subject {{    text-align : left;    float : left;    }}
.blog2styleSubject .datetime {{    text-align : right;    float : right;    }}
.blog2styleContents {{    padding : 10px;}}
.blog2styleReply {{    border-top : 1px solid #c6dee1;    padding : 15px;    font-family : Dotum;    font-size : 12px;}}
.blog2styleReply span {{    font-weight : bold;    color : #555555;}}
.blog2styleReply div {{    margin-top : 5px;}}
.blog2styleReply .replyLine {{    height : 24px;    border-bottom : 1px solid #c6dee1;    padding : 0px 10px 0px 10px;    font-family : Dotum;    font-size : 12px;    word-break : break-all;}}
.blog2styleReply .id {{    width : 20%;}}
.blog2styleReply .del {{    float : right;    text-align : right;}}
.blog2styleReply .AddReply {{    border : 2px solid #808080;    width : 100%;}}
.blog2styleReply .AddReply td {{    border : none;    padding : 5px;}}
.blog2styleReply .AddReplyTitle {{    width : 100px;    text-align : center;}}
.blog2styleReply .AddReplyContent .submit {{    display : block;    cursor : hand;    margin-top : 5px;    margin-left : 370px;}}
.blog2styleReply .commentList {{    margin : 10px 10px 10px 20px;    padding : 0px 0 0px 15px;    font-family : Dotum;    font-size : 12px;    word-break : break-all;    background : url("http://img0001.echosting.cafe24.com/front/type_b/image/common/ico_reply.gif") no-repeat 0px 5px; }}</style>{{/literal}}
<script language='javascript' src='/js/front19/common/jslb_ajax.js'></script>{{$b2_u1re_config}}
<div style="margin-top:15px;"><table width="100%">{{$b2_3_u1}}</table>
<input type="hidden" name="div_comment_tpl" value='{{$b2_u1re_ajax}}'>
<span style="float:right; display:{{$display_write}}">
<a href='{{$default_href[1].write_href}}?{{$default_href[0]}}'>
<img src="{{$img_array.c_3.5.url}}" hspace="10" border='0'></a></span>{{$b2_3_u2}}</div>
</td></tr>

▼ HTML 수정 위치 화면

2) 페이지 모듈 리스트 > 블로그 펼침형 글 목록($b2_3) 유닛 > HTML편집 > 글목록(반복되는행)(u1)

- 아래와 같이 빨간색 소스를 수정합니다.

{{*
파일 내용 : 운영일지 블로그 펼침형 글 목록 - 반복되는 행
변수 설명 :
$subject : 게시물 제목
$content : 게시물 내용
$idx : 게시물 인덱스
$count_comment : 댓글 수
$b2_3_u1re : 댓글(반복되는 행)
$display_comment_write : 댓글 작성권한
$board_no : 게시판 번호
$b2_3_u6_bcm_mem_id : 작성자 id*}}

   <tr>    <td>    <table width="100%"> <tr>
   <th class="blog2styleSubject">
   <span class="subject">{{$subject}}</span>
   <span class="datetime">{{$regdate}}</span> </th> </tr>
   <tr>
<td class="blog2styleContents">{{$content}}</td> </tr> <tr>
<td class="blog2styleReply">
   
<span onclick="viewCommentLayer('{{$idx}}')" style="cursor:hand">
댓글({{$count_comment}})</span>

<div id="re{{$idx}}" width="100%" {{if $count_comment eq 0}}
style="display:none;"{{/if}}>
   <div id="comment_list{{$idx}}" width="100%">
{{$b2_3_u1re}}</div>
<div id="d{{$idx}}" width="100%" style="display:{{$display_comment_write}};">

<form id="commentForm{{$idx}}" name="frm{{$idx}}" action="/Front/Board/?url=Boarddao" method="post">
<input type="hidden" name="board_no" value="{{$board_no}}">
<input type="hidden" name="no" value="{{$idx}}">
<input type="hidden" name="bcm_mem_id" value="{{$b2_3_u6_bcm_mem_id}}">
<input type='hidden' name='mode' value='comment_add'>
<table class="AddReply" cellSpacing="0" cellPadding="0">
<tr> <td class="AddReplyTitle" rowSpan="2">댓글달기</td>    <td>
{{$b2_3_u6}}비밀번호 <input type="password" name="comment_passwd"/>    (<label><input type="radio" name="is_secret" value="F" checked/> 공개글</label>    <label><input type="radio" name="is_secret" value="T"/> 비밀글</label>)    </td></tr> <tr>
<td class="AddReplyContent">
<textarea name="comment" rows="3" cols="50" onkeyup="javascript:limitCheckComment(this, 'comment_{{$idx}}')"></textarea> <img class="submit" src="{{$img_array.b2_3.3.url}}" border="0" onclick="checkCommentForm('{{$idx}}');" complete="complete"/>
</td><div id="limit_comment" style="display:{{$reply_limit_comment_display}}">    <span id='comment_{{$idx}}'>0</span> / <font color="#0F6690">{{$limit_comment_length}} byte</font>    </div>
<input type="hidden" id="written_comment_count_{{$idx}}" name="written_comment_count_{{$idx}}" value="{{$written_comment_count}}">    </td> </tr>    </table>    </form>    </div>    </div>    </td>    </tr>    </table>    </td>    </tr>

3) 페이지 모듈 리스트 > 블로그 펼침형 글 목록($b2_3) 유닛 > HTML편집 > 글목록(댓글)(u1re)

- 아래와 같이 파란색 소스 추가, 빨간색 소스를 수정합니다.

{{*
   파일 내용 : 운영일지 블로그 펼침형 글 목록 - 댓글
변수 설명 :
   $name : 댓글 작성자
   $content : 댓글 내용
   $b2_3_u5 : 댓글 삭제 버튼 *}}

<div class="{{$reply_class}}">
<span class="id">{{$name}}</span>
<span class="replyContent">{{$content}}</span>
<span class="del" style="display:{{$display_comment_delete}};">
<a href="javascript:getCommentModifyForm({{$comment_no}});"><img src="{{$img_array.b2_3.4.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}}&submit_flag={{$submit_flag}}' >{{$b2_3_u5}}</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}}
</span></div>
<div id="comment_control_area_{{$comment_no}}" style="display:none;"></div>

4) 페이지 모듈 리스트 > 블로그 펼침형 글 목록($b2_3) 유닛 > HTML편집 > 댓글의댓글작성폼(u1rc)

- 아래와 같이 파란색 소스를 수정합니다.

<form id="replayCommentForm" method="post" action="{{$replay_comment_action}}" onsubmit="return insertReplayComment(this, '{{$replay_comment_bulletin_no}}');">
<input type="hidden" name="reply_comment_limit_length" id="reply_comment_limit_length" value="{{$reply_comment_limit_length}}">
<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;"> </label>(<label>
<input type="radio" name="is_secret" value="F" checked style="margin-bottom:5px; border:0px;"> 공개글</label><label>
<input type="radio" name="is_secret" value="T" style="margin-bottom:5px; border:0px;"> 비밀글</label>)<div class="text"> <textarea rows="5" cols="70" name="comment_content" onkeyup="javascript: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>
<div style="display:{{$reply_limit_comment_display}}">
<span id='reply_comment_byte_{{$comment_parents_idx}}'>0</span> /
<font color="#0F6690">{{$reply_comment_limit_length}} byte</font></div></form>

5) 디자인>HTML디자인설정>게시판글조회New>글읽기(C_3)>댓글 작성품(권한 있음) (u4) > 편집

- 아래 코드를 삽입해주세요.

[상단생략]

<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}}

[하단생략]

■ 적용화면

1. 댓글의 댓글 작성

- 댓글의 댓글을 작성할 수 있는 버튼이 추가됩니다.

2. 댓글의 댓글 작성완료

- 댓글 아래로 댓글의 댓글이 작성되었음을 확인할 수 있습니다.

카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]

2014-01-07

2013-12-16