Help Center
카페24 소식
[상품/재고] 모바일쇼핑몰 세트상품 기능 업그레이드
2013-07-03
안녕하세요, 카페24 운영도우미 입니다.
모바일쇼핑몰에서도 세트상품 노출, 구매가 가능하도록 기능 업그레이드 되었습니다.
자세한 내용은 아래를 참조해 주세요.
■ 적용일자 : 2013-07-03 (수)
■ 업데이트 내용
어드민에서 설정한 세트상품 정보가 모바일쇼핑몰에서도 동일하게 적용되도록 업그레이드 되었습니다.
디자인 모드가 템플릿 모드인 경우에는 자동 적용되며, HTML 모드인 경우는 하단 안내와 같이 소스 수정을 하셔야
정상적으로 기능이 적용됩니다.
1. 어드민 설정
- 위치 : 쇼핑몰어드민 > 상품/재고 > 상품관리 > 상품상세등록 > 관련/세트 상품정보 항목
쇼핑몰어드민 > 상품/재고 > 상품관리 > 상품수정 팝업 > 관련/세트상품 탭
2. 세트상품 등록방법 (html 수정)
html 모드를 사용하시는 경우 아래와 같이 수정해주세요.
1) 쇼핑몰어드민 > 모바일쇼핑몰 > 디자인 스킨관리 > HTML 편집창 > 상품관련화면 > 상품상세
- 아래와 같이 파란색 소스를 추가해주세요.
[변경 전]
| <!-- 모바일 쿠폰 --> {$sCouponDownload} <!-- //모바일 쿠폰 --> </form> <!--공통배너--> {$sCurrentCommBannerTpl} <!-- //공통배너--> <!-- 관련상품 --> {$sRelationProduct} <!-- //관련상품 --> <!-- top 버튼 --> {$sTopBtn} <!-- //top 버튼 --> |
[변경 후]
|
<div id="NaverChk_Button" class="NaverCheckOutDisplay" style="clear:both;"> <!-- 모바일 쿠폰 --> <!--공통배너--> <!-- 구세트상품 --> <!-- 관련상품 --> <!-- top 버튼 --> |
2) 쇼핑몰어드민 > 모바일 어드민 > 디자인 스킨관리 > HTML편집 > 상품관련화면 > 상품상세 > 세트상품
새로 추가되는 세트상품 모듈입니다.
| <!-- @ 세트상품 토글시 <div class="setPrdArea">에 추가 class show를 토글시킵니다. --> <form action="" method="post" name="set_prd_list" id="set_prd_list"> <input type="hidden" name="setcommand" value=""> <input type="hidden" name="setrediect" value=""> <input type="hidden" name="setorgproduct" value=""> <input type="hidden" name="setorgproductqty" value=""> <input type="hidden" name="setorgproductcode" value=""> <input type="hidden" name="setorgproductdelv" value=""> <div class="setPrdArea show"> <strong class="title" onclick="Prd.ShowHideSetLabel(this);"><span>세트상품</span></strong> <div class="inlay"> <ul class="mSetPrd"> {{$sSetProductLoop}} </ul> <div class="mButton type2"> <a class="tSubmit1" href="#none" onclick="Prd.BasketSetPrd(2);"><span>메인+세트상품 장바구니</span></a> <a class="tSubmit2" href="#none" onclick="Prd.BasketSetPrd(1);"><span>메인+세트상품 바로구매</span></a> </div> </div> </div> </form> |
3) 쇼핑몰어드민 > 모바일어드민 > 디자인 스킨관리 > HTML편집 > 상품관련화면 > 상품상세 > 세트상품 > 세트상품 폼 반복
새로 추가되는 세트상품 유닛입니다.
| <li> {{$sHidden}} <div class="chk"><input type="checkbox" name="setPrdListAdd[]" value="{{$sPrdCode}}" /></div> <div class="infoBox"> <div class="thumbnail"><a href="{{$sProductLink}}"><img src="{{$sImageSrc}}" onerror="this.src='http://img.cafe24.com/images/ec_front_m/common/product_01.gif';" alt="" /></a></div> <div class="information"> <p class="name"><a href="{{$sProductLink}}">{{$sProductName}}</a></p> <p class="price" style="{{$aSaleData.sMobileStrike}}">{{$sProductPrice}}</p> <span class="sale" id="sMobileOff" style="display:{{$aSaleData.sMobileSaleVisible}};"> <p class="price" id="PrdPriceMobile" name="PrdPriceMobile">{{$aSaleData.product_mobile_price}}</p> </span> </div> </div> <div class="mBoard rowType2"> <table border="1"> <colgroup> <col style="width:90px" /> <col /> </colgroup> <tbody> <tr> <th><span>수량</span></th> <td> <input type="text" class="fText" id="quantity{{$sPrdCode}}" name="quantity{{$sPrdCode}}" style="width:50px;" value="1" /> <img width="30" height="27" src="http://img.echosting.cafe24.com/mobileWeb/common/btn_quantity_up.png" onclick="adjustQuantity('+', '{{$sPrdCode}}')" alt="up" /> <img width="30" height="27" src="http://img.echosting.cafe24.com/mobileWeb/common/btn_quantity_down.png" onclick="adjustQuantity('-', '{{$sPrdCode}}')" alt="down" /> </td> </tr> {{$sSelectContent}} </tbody> </table> </div> <script type="text/javascript"> var sNewStockCheck{{$sPrdCode}} = "{{$sNewStockCheck}}"; var sOptions{{$sPrdCode}} = {{$sOptions}}; var iOptionsLen{{$sPrdCode}} = '{{$iOptionsLen}}'; </script> </li> |
▼ 모바일상품상세 적용화면
- 상품상세화면 하단에 세트상품이 '펼침'상태로 노출되며, 해당영역 '접기'가 가능합니다.
- 원하는 상품 체크 후 하단의 메인+세트상품 장바구니 및 바로구매 버튼으로 PC쇼핑몰과 동일하게 이용 가능합니다.
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]