[모바일쇼핑몰] 1:1 맞춤상담 게시판 모바일 적용 안내

2014-04-17

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

1:1 맞춤상담 게시판이 모바일 쇼핑몰에도 적용 가능하도록 개선되었습니다.

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

■ 적용일자 : 2014-04-17 (목)

■ 업데이트 내용

PC 쇼핑몰에서 확인 가능하던 1: 1 맞춤상담 게시판이 모바일 쇼핑몰에도 적용 가능하도록 개선되었습니다.
적용 하려면 모바일 쇼핑몰 디자인 스킨관리에서 HTML 소스를 추가,삭제 해야 합니다.

1. HTML 소스 편집

1) 위치 : 모바일 쇼핑몰 > 디자인 스킨관리 > HTML 편집 > 게시판관련화면 > 일반형 게시판 목록
- 파란색 소스를 추가합니다.

<body style="background-color:#{{$aSkinCfg.board_bgcolor}};">

<div id="wrap">

{{$sNavi}}

<div id="container">

<div id="board">

<div class="mTitle">

<h2>{{$sBoardName}} ({{$iBoardCnt}}건)</h2>

</div>

{{$sTabMenu}}

<div class="boardPackage boardListPackage">

<div class="btnArea type1">

<button {{$sWriteUrl}} {{$write_button_display}} class="submit"><span>글쓰기</span></button>

</div>

<p class="noticeView" {{$notice_display}}>

<input type="checkbox" name="showNotice" id="showNotice" onChange="board.show_notice();"> 공지글 보기

</p>

{{if $aBoard|@count > 0}}

<ul class="normal">

{{foreach from=$aBoard item=val}}

<li {{$val.notice_flag}}>

<p class="desc">

<a href="{{$val.detail_url}}">

<span class="subject">

{{$val.reply_status}}

{{$val.mobile_icon}}

{{$val.notice_icon}}

(이햐생략)

2) 위치 : 모바일 쇼핑몰 > 디자인 스킨관리 > HTML 편집 > 게시판관련화면 > 게시판 글쓰기
- 파란색 소스를 추가합니다.

<body style="background-color:#{{$aSkinCfg.board_bgcolor}};">

<div id="wrap">

{{$sNavi}}

<div id="container">

(중간생략)

<body style="background-color:#{{$aSkinCfg.board_bgcolor}};">

<div id="wrap">

<tr {{$aBoard.writer_display}}>

<th scope="row">작성자</th>

<td><input type="text" class="fText" name="writer_name" id="writer_name" style="width:50%" value="{{$aBoard.bt_name}}" /></td>

</tr>

{{if $sIsConsultBoard eq 'T'}}

<th scope="row">이메일</th>

<td>

<input type="text" class="fText" id="email_id" autocomplete="off" value="{{$aBoard.bt_email_display.0}}">

@

<input type="text" class="fText" id="email_domain" autocomplete="off" value="{{$aBoard.bt_email_display.1}}">

<select id="email_selector" onchange="javascript:board.email_selector_change('email_selector', 'email_domain')">

<option value="">:::::선택:::::</option>

<option value="naver.com">naver.com</option>

<option value="hanmail.net">hanmail.net</option>

<option value="hotmail.com">hotmail.com</option>

<option value="gmail.com">gmail.com</option>

<option value="empal.com">empal.com</option>

<option value="chol.com">chol.com</option>

<option value="dreamwiz.com">dreamwiz.com</option>

<option value="lycos.co.kr">lycos.co.kr</option>

<option value="nate.com">nate.com</option>

<option value="netian.com">netian.com</option>

<option value="paran.com">paran.com</option>

<option value="yahoo.co.kr">yahoo.co.kr</option>

<option value="yahoo.com">yahoo.com</option>

<option value="etc" {{$aBoard.bt_email_display_default}}>직접입력</option>

</select>

<br />- 답변여부를 메일로 받으시겠습니까?<br />

<input type="radio" name="cons_re" value="Y" checked="">예

<input type="radio" name="cons_re" value="N">아니요

</td>

{{/if}}

<tr {{$aBoard.writer_display}}>

<th scope="row">이메일</th>

(이하생략)

3) 위치 : 모바일 쇼핑몰 > 디자인 스킨관리 > HTML 편집 > 게시판관련화면 > 게시판 글쓰기
- 파란색 소스를 추가합니다.

<body style="background-color:#{{$aSkinCfg.board_bgcolor}};">

<div id="wrap">

{{$sNavi}}

<div id="container">

(중간생략)

<body style="background-color:#{{$aSkinCfg.board_bgcolor}};">

<div id="wrap">

<tr {{$aBoard.writer_display}}>

<th scope="row">작성자</th>

<td><input type="text" class="fText" name="writer_name" id="writer_name" style="width:50%" value="{{$aBoard.bt_name}}" /></td>

</tr>

{{if $sIsConsultBoard eq 'T'}}

<th scope="row">이메일</th>

<td>

<input type="text" class="fText" id="email_id" autocomplete="off" value="{{$aBoard.bt_email_display.0}}">

@

<input type="text" class="fText" id="email_domain" autocomplete="off" value="{{$aBoard.bt_email_display.1}}">

<select id="email_selector" onchange="javascript:board.email_selector_change('email_selector', 'email_domain')">

<option value="">:::::선택:::::</option>

<option value="naver.com">naver.com</option>

<option value="hanmail.net">hanmail.net</option>

<option value="hotmail.com">hotmail.com</option>

<option value="gmail.com">gmail.com</option>

<option value="empal.com">empal.com</option>

<option value="chol.com">chol.com</option>

<option value="dreamwiz.com">dreamwiz.com</option>

<option value="lycos.co.kr">lycos.co.kr</option>

<option value="nate.com">nate.com</option>

<option value="netian.com">netian.com</option>

<option value="paran.com">paran.com</option>

<option value="yahoo.co.kr">yahoo.co.kr</option>

<option value="yahoo.com">yahoo.com</option>

<option value="etc" {{$aBoard.bt_email_display_default}}>직접입력</option>

</select>

<br />- 답변여부를 메일로 받으시겠습니까?<br />

<input type="radio" name="cons_re" value="Y" checked="">예

<input type="radio" name="cons_re" value="N">아니요

</td>

{{/if}}

<tr {{$aBoard.writer_display}}>

<th scope="row">이메일</th>

(중간생략)

<input name="infomation_check" id="infomation_check" type="checkbox" value="1" /> 개인정보취급방침에 대하여 동의합니다. <a href="/Mobilef/Board/?url=getAgreement" class="tButton type2" target="_blank"><span>약관보기</span></a>

</td>

</tr>

{{if $sIsConsultBoard eq 'F'}}

<tr>

<th scope="row">UCC URL</th>

<td>

<input type="text" class="fText" name="ucc_url" style="width:70px" value="{{$aBoard.ucc_info.url}}" />

넓이<input type="text" id="ucc_width" style="width:40px" maxlength="3" value="{{$aBoard.ucc_info.width}}" />

높이<input type="text" id="ucc_height" style="width:30px" maxlength="3" value="{{$aBoard.ucc_info.height}}" />

</td>

</tr>

<tr {{$aBoard.file_attach_display}}>

<th scope="row">첨부파일1</th>

<td><input type="file" name="filename1" {{$aBoard.file_disabled_1}}>{{$aBoard.file_name_1}} {{$aBoard.file_check_1}}</td>

</tr>

<tr {{$aBoard.file_attach_display}}>

<th scope="row">첨부파일2</th>

<td><input type="file" name="filename2" {{$aBoard.file_disabled_2}}>{{$aBoard.file_name_2}} {{$aBoard.file_check_2}}</td>

</tr>

<tr {{$aBoard.file_attach_display}}>

<th scope="row">첨부파일3</th>

<td><input type="file" name="filename3" {{$aBoard.file_disabled_3}}>{{$aBoard.file_name_3}} {{$aBoard.file_check_3}}</td>

</tr>

<tr {{$aBoard.file_attach_display}}>

<th scope="row">첨부파일4</th>

<td><input type="file" name="filename4" {{$aBoard.file_disabled_4}}>{{$aBoard.file_name_4}} {{$aBoard.file_check_4}}</td>

</tr>

<tr {{$aBoard.file_attach_display}}>

<th scope="row">첨부파일5</th>

<td><input type="file" name="filename5" {{$aBoard.file_disabled_5}}>{{$aBoard.file_name_15 {{$aBoard.file_check_5}}</td>

</tr>

{{/if}}

</tbody>

<tbody>

4) 위치 : 모바일 쇼핑몰 > 디자인 스킨관리 > HTML 편집 > 게시판관련화면 > 게시판 글조회
- 파란색 소스를 추가, 빨간색 소스를 삭제 합니다.

<body style="background-color:#{{$aSkinCfg.board_bgcolor}};">

<div id="wrap">

{{$sNavi}}

<div id="container">

<div id="board">

<div class="mTitle">

<h2>{{$sBoardName}}</h2>

</div>

{{$sTabMenu}}

<form action="/Mobilef/Board/" id="frm" method="post">

<input type="hidden" name="url" id="url" value="Del" />

<input type="hidden" name="board_no" id="board_no" value="{{$iBoard_no}}" />

<input type="hidden" name="product_no" id="product_no" value="{{$sProduct_no}}" />

<input type="hidden" name="no" id="no" value="{{$iNo}}" />

<input type="hidden" name="page" id="page" value="{{$iPage}}" />

<input type="hidden" name="view" id="view" value="{{$sView}}" />

<div class="boardPackage boardReadPackage">

<div class="boardRead">

<p class="title">

<strong class="label hide">제목</strong>

{{$aBoard.bt_title}}
{{$aBoard.reply_status}} {{$aBoard.mobile_icon}} {{$aBoard.bt_title}}

</p>

<div class="info">

<p class="rating" {{$aBoard.point_display}}>

<strong class="label hide">평점 :</strong>

<img src="http://img.echosting.cafe24.com/mobileWeb/common/ico_star{{$aBoard.bt_point}}.png" alt="1점" width="50" height="8" />

</p>

<p class="writer">

<strong class="label hide">작성자 :</strong>

{{$aBoard.writer_name}}

{{if $bIpDisplay eq 'T'}}
<span class="">({{$aBoard.bt_remote_ip}})</span>

{{/if}}

(중간생략)

{{if $aAttach|@count > 0}}

<p class="attach">

{{foreach from=$aAttach item=val}}

<strong class="label">첨부파일{{counter}} :</strong>

{{$val}}<br />

{{/foreach}}

</p>

{{/if}}

{{if $iBoard_no == 9 && $aBoard.bt_notice_flag neq 'T'}}

{{foreach from=$aBoard.reply_list item=val}}

<div class="info reply">

<p class="writer">

<strong class="label hide">답변자 :</strong>

{{$val.bt_auth_name}}

</p>

<p class="regdate" {{$aBoard.use_date_display}}>

<strong class="label hide">답변일시 :</strong>

{{$val.bt_reg_date}}

</p>

</div>

<div class="content">

<strong class="label hide">답변내용 :</strong>

{{$val.bt_content}}

</div>

{{foreachelse}}

<p class="waitMessage">빠른시간내에 답변드리겠습니다.<br> 잠시만 기다려주세요.</p>

{{/foreach}}

{{/if}}

<div class="password" {{$aBoard.delete_button_display}}>

<strong class="label">비밀번호 :</strong>

<div class="form">

(이하생략)

5) 위치 : 모바일 쇼핑몰 > 디자인 스킨관리 > HTML 편집 > 마이쇼핑관련화면 > 마이쇼핑
- 파란색 소스를 추가합니다.

<body style="background-color:#{{$aSkinCfg.login_bgcolor}};">

<div id="wrap">

{{$sNavi}}

<div id="container">

(중간생략)

<div class="mShopMain">

<ul class="navigation">

<li class="order"><a href="/Mobilef/Mypage/Order/index.php">주문내역조회</a></li>

<li class="wishlist"><a href="/Mobilef/Mypage/Wishlist/">관심상품</a></li>

<li class="basket"><a href="/Mobilef/Basket/BasketList.php">장바구니</a></li>

<li class="coupon"><a href="/Mobilef/Mypage/Coupon/index.php">쿠폰</a></li>

<li class="save"><a href="/Mobilef/Mypage/Mileage/index.php">적립금</a></li>

<li class="board"><a href="/Mobilef/Board/?url=lists&view=myboard">게시글</a></li>

<li class="consult" style="display:{{$sConsultDisplay}}"><a href="/Mobilef/Board/?url=lists&board_no=9">1:1 맞춤상담</a></li>

</ul>

</div>

{{$sCurrentCommBannerTpl}}

{{$sTopBtn}}

</div>

{{$sFooter}}

</div>

</body>

▼ 1:1맞춤상담 게시판 모바일 적용 화면 예

[글목록]

[글쓰기]

[글보기-답변대기]

[글보기-답변완료]

[마이페이지]

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

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

2014-04-16

2014-04-24