Help Center
카페24 소식
[스마트디자인] 상품 재입고 안내 SMS 업데이트
2012-04-19
안녕하세요, 카페24 운영도우미 입니다.
품절 상품의 재입고시 고객에게 SMS로 안내하는 기능인
상품 재입고 안내 SMS 기능이 업데이트 되었습니다.
자세한 내용은 아래를 참조해 주세요.
1) '쇼핑몰어드민 > 고객관리 > SMS발송관리 > 재입고SMS발송관리' 메뉴에서
사용설정으로 체크합니다.
2) HTML 수정
표준스킨에서는 아래와 같은 파일이 수정되었으며, 상품상세 페이지에서 판매가 옆에
버튼을 적용해주셔야 합니다.
① 수정파일 : /product/detail.html
<tr class="{$product_price_display|display}"> <th scope="row">판매가</th> <td> <strong id="span_product_price_text" class="{$product_price_class}">{$product_price}</strong> {$txt_product_price} <a href="#none" class="{$sms_restock_display|display}" sms_restock_login_display="{$sms_restock_login_display}" name="btn_restock" id="btn_restock" onclick="{$action_sms_restock}"><img src="http://img.echosting.cafe24.com/design/skin/mono/product/btn_sms.gif" alt="재입고 알림 SMS" /></a> </td> </tr> |
참고) /product/detail.html 파일의 내용이 위 소스와 상이한 경우,
해당파일의 소스를 /product/detail_var.html 파일의 소스로 교체하여 사용해 주시면 됩니다.
② 새파일 생성 : /product/sms_restock.html
- 재입고 알림 페이지 파일을 생성합니다.
<!--@layout(/layout/basic/popup.html)--> <div module="Product_RestockSms"> <!--@css(/css/module/product/restockSms.css)--> <h1><span>재입고 알림 SMS</span></h1> <div class="layInner"> <div class="prdArea"> <p class="prdImg"><img src="{$product_image}" alt="{$product_name}" /></p> <h2>{$product_name}</h2> <br style='line-height:6px;'> {$simple_desc} <div>{$opt_str}</div> <div>{$option_add}</div> </div> <p class="info">품절된 상품의 재입고시 문자메세지로 알려드립니다.</p> <p class="member"><span><strong>{$member_name}</strong>님의 휴대폰번호</span> {$form.member_update}</p> <p class="contact">{$form.hp1} - {$form.hp2} - {$form.hp3}</p> <p class="guide"> SMS 요청이 완료된 상품은 관심상품 목록으로 저장됩니다.<br /> SMS요청상품의 가격, 옵션 구성 등의상품정보가 변동될 수 있으므로,<br /> 재입고시 상품정보 확인 후 구매하시기 바랍니다.<br /> 재입고 SMS알림은 요청일로부터 <strong>{$restock_month}개월</strong>간 유효합니다. </p> </div> <!-- --> <div class="btnArea"> <p> <a href="#none" onclick="window.close();"><img src="http://img.echosting.cafe24.com/design/skin/mono/btn_linkCancel.gif" alt="취소하기" /></a> <a href="#none" onclick="{$action_write}"><img src="http://img.echosting.cafe24.com/design/skin/mono/btn_closeTxt.gif" alt="확인하기" /></a> </p> </div> </div> </div> |
3) CSS 수정
- 재입고 알림 페이지 디자인 파일 생성 : /css/module/product/restockSms.css
.layPop { background:#b4bdc5; } .layPop .close { position:absolute; right:18px; top:0; text-align:right; } .layPop .close img { cursor:pointer; } .layPop h1 { color:#272823; font-size:26px; text-decoration:underline; } .layPop h1 span { display:block; padding:28px 25px 25px; } .layPop .titleArea h2 { color:#fff; } .layInner { padding:20px 25px 0; background:#fff; color:#000; border-top:1px solid #99a2aa; } .layPop .btnArea { overflow:hidden; background:#fff; width:100%; padding:30px 30px 30px 27px; margin:0 -60px 0 0; position:relative; left:-25px; text-align:right; } .layPop .btnArea img { padding:0 1px 0 0; cursor:pointer; } .xans-product-restocksms .prdArea p.prdImg { float:left; padding:0 15px 0 0;} .xans-product-restocksms .prdArea p.prdImg img { width:72px; } .xans-product-restocksms .prdArea h2 { padding:0 0 14px; } .xans-product-restocksms .prdArea h2 img { vertical-align:middle; } .xans-product-restocksms .usedArea .info { padding:0 0 15px; color:#f26522; } .xans-product-restocksms .usedArea .member span { padding:0 40px 0 0; } .xans-product-restocksms .usedArea .member strong { color:#f26522; } .xans-product-restocksms .usedArea .member label { padding:0 0 0 3px; } .xans-product-restocksms .usedArea .contact { padding:3px 0 20px; } .xans-product-restocksms .usedArea .contact input { border:1px solid #eee; width:60px; padding:4px; text-align:center; } .xans-product-restocksms .usedArea .guide strong { color:#f26522; font-weight:normal; text-decoration:underline; }
.xans-product-restocksms .prdArea { overflow:hidden; zoom:1; padding:0 0 20px; background:url(http://img.echosting.cafe24.com/design/skin/mono/bg_dot_board.gif) 0 bottom repeat-x;}
.xans-product-restocksms .usedArea { padding:40px 20px; border-bottom:1px solid #dedcdc; font-size:11px; line-height:18px; }
▼ 적용화면
▼ 재입고 알람 페이지 적용화면
▶ 재입고 알림 SMS 신청 기능개선 안내