Help Center

카페24 소식

[상품/재고] 모바일쇼핑몰 전용 할인 설정기능 추가

2013-04-29


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

모바일쇼핑몰에만 적용되는 모바일 전용 상품 할인가 설정기능이 추가되었습니다.

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



■ 적용일자 :
2013-04-29 (월)

■ 업데이트 내용

모바일쇼핑몰에서만 적용이 가능한 '모바일 할인' 항목이 추가되었습니다.
상품별로 등록/수정 화면의 가격할인 설정에서 적용하며, 모바일페이지에 노출하기 위해서는 디자인 설정이
필요합니다.

1) 상품등록/수정 페이지에 모바일 할인 설정
'쇼핑몰어드민 > 상품/재고 > 상품관리 > 상품관리 > 상품상세등록, 상품정보 팝업' 으로 이동하셔서
가격할인 설정 영역 하단의 '모바일 할인' 항목을 설정합니다.

▼ 가격할인설정 영역 화면



2) 가격할인 일괄관리에 모바일 할인 적용
'쇼핑몰어드민 > 상품/재고 > 일괄관리 > 가격할인 일괄관리' 메뉴 및 분류별 가격할인 설정 팝업에
'모바일 할인' 항목이 추가되었습니다.

해당 메뉴에서 여러 개의 상품에 모바일 할인을 일괄 적용하실 수 있습니다.

▼ 가격할인 일괄관리 화면



3) 적용방법 - 템플릿 모드

'쇼핑몰어드민 > 모바일쇼핑몰 > 디자인스킨관리 > 디자인편집 > 상품상세' 페이지로 이동하여 모바일 판매가 디자인 설정을 합니다.
단, Preview 및 실제 모바일 상품상세화면 상의 모바일할인가 노출은 모바일 할인을 설정한 상품에만 노출됩니다.

▼ 상품상세 편집화면



▼ 모바일쇼핑몰 상품상세 화면




4) 적용방법 - HTML 모드

① 모바일 어드민 > 디자인 스킨관리 > HTML편집 > 주문관련화면> 주문완료 > HTML편집

<변경 전>
 <th style="padding:6px 0 6px 8px;font-size:12px;font-family:굴림;line-height:1.2em;font-weight:normal;"><span style="display:block;padding:0 0 0 8px;background:url(http://file.ecmtest208.cafe24.com/Design/migration/img/bg_rowType2Th.png) 0 2px no-repeat;background-size:3px 7px;text-align:left;">상품 합계 금액</span></th>
                     <td class="ver" style="padding:6px 8px 3px 12px;font-weight:bold;text-align:right;font-size:12px;font-family:굴림;line-height:1.2em;color:#1C1C1C !important;"> {{$aOrders.prd_total_price}}</td>
                 </tr>
                 <tr >
                     <th style="padding:6px 0 6px 8px;font-size:12px;font-family:굴림;line-height:1.2em;font-weight:normal;"><span style="display:block;padding:0 0 0 8px;background:url(http://file.ecmtest208.cafe24.com/Design/migration/img/bg_rowType2Th.png) 0 2px no-repeat;background-size:3px 7px;text-align:left;">회원할인금액</span></th>
                     <td class="ver" style="padding:6px 8px 3px 12px;font-weight:bold;text-align:right;font-size:12px;font-family:굴림;line-height:1.2em;color:#1C1C1C !important;"> {{$sGradeSalePrice}}</td>

<변경 후>
 <th style="padding:6px 0 6px 8px;font-size:12px;font-family:굴림;line-height:1.2em;font-weight:normal;"><span style="display:block;padding:0 0 0 8px;background:url(http://file.ecmtest208.cafe24.com/Design/migration/img/bg_rowType2Th.png) 0 2px no-repeat;background-size:3px 7px;text-align:left;">상품 합계 금액</span></th>
                     <td class="ver" style="padding:6px 8px 3px 12px;font-weight:bold;text-align:right;font-size:12px;font-family:굴림;line-height:1.2em;color:#1C1C1C !important;"> {{$aOrders.prd_total_price}}</td>
                 </tr>
                <tr >
                    <th style="padding:6px 0 6px 8px;font-size:12px;font-family:굴림;line-height:1.2em;font-weight:normal;"><span style="display:block;padding:0 0 0 8px;background:url(http://file.ecmtest208.cafe24.com/Design/migration/img/bg_rowType2Th.png) 0 2px no-repeat;background-size:3px 7px;text-align:left;">상품별 할인금액</span></th>
                    <td class="ver" style="padding:6px 8px 3px 12px;font-weight:bold;text-align:right;font-size:12px;font-family:굴림;line-height:1.2em;color:#1C1C1C !important;"> {{$sPrdSalePrice}}</td>
                </tr>
                 <tr >
                     <th style="padding:6px 0 6px 8px;font-size:12px;font-family:굴림;line-height:1.2em;font-weight:normal;"><span style="display:block;padding:0 0 0 8px;background:url(http://file.ecmtest208.cafe24.com/Design/migration/img/bg_rowType2Th.png) 0 2px no-repeat;background-size:3px 7px;text-align:left;">회원할인금액</span></th>
                     <td class="ver" style="padding:6px 8px 3px 12px;font-weight:bold;text-align:right;font-size:12px;font-family:굴림;line-height:1.2em;color:#1C1C1C !important;"> {{$sGradeSalePrice}}</td>


② 모바일 어드민 > 디자인 스킨관리 > HTML편집 > 주문관련화면> 주문서작성> HTML편집

<변경 전>
 </div>
         <div class="contents_area2">
             <table cellpadding="0" cellspacing="0" class="rctable mt5">
            <colgroup><col width="85" /><col /></colgroup>
        
             <tr style="display:{{$sDisplayGradeDiscount}}" id="sDisplayGradeDiscount">
                 <th><p>회원등급할인</p></th>
                 <td>{{$iGradeDiscountPrice}}<input type="hidden" id='r_grade_discount_price' value='{{$iGradeDiscountPriceNumber}}'></td>

<변경 후>

</div>
         <div class="contents_area2">
             <table cellpadding="0" cellspacing="0" class="rctable mt5">     
            <colgroup><col width="100" /><col /></colgroup>

            <tr style="display:{{$sDisplayMobileDiscount}}" id="sDisplayMobileDiscount">
                <th><p>모바일 할인</p></th>
                <td>
                    {{$iMobileDiscountPrice}}<input type="hidden" id='r_mobile_discount_price' value='{{$iMobileDiscountPriceNumber}}'><br />
                                        모바일 기기를 통한 주문시에만 적용됩니다.
                </td>
            </tr>

             <tr style="display:{{$sDisplayGradeDiscount}}" id="sDisplayGradeDiscount">
                 <th><p>회원등급할인</p></th>
                 <td>{{$iGradeDiscountPrice}}<input type="hidden" id='r_grade_discount_price' value='{{$iGradeDiscountPriceNumber}}'></td>



③ 모바일 어드민 > 디자인 스킨관리 > HTML편집 > 상품관련화면> 상품상세> HTML편집

<변경 전>
   <p class="prdImg"><a href="#none" onclick="showDetailImage(this);" id="detailImage" rel="1"><img src="{{$aPrd.image_medium}}" alt="" onError="this.src='http://img.cafe24.com/images/ec_front_m/common/product_03.gif';" alt=""></a></p>
                    
                    <p class="zb price2" style="{{$aSkinCfg.item_price_font_weight}}color:#{{$aSkinCfg.item_price_font_color}};">판매가 <span id="PrdPriceMain" name="PrdPriceMain">{{$aPrd.product_price_main}}}</span></p>
 
                     <div style="display:{{$sPrevNextVisible}}">
                         <a href="#none" class="next" onclick=]"goPrevNextPrd('{{$aNextNo}}', '{{$aCateNo}}');" style="display:{{$aNextOnVisible}}">다음 상품</a>
                         <a href="#none" class="next null" style="display:{{$aNextOffVisible}}" onclick="return false;">다음 상품 없음</a>
                     </div>
                </div>
             <div class="prdThumb">
             <ul>
                {{$sPrdImages.prdImgData}}
           </ul>
            </div>
         </div>
         <div class="contents_area2">
               <!-- 기본정보 -->

<변경 후>
 <p class="prdImg"><a href="#none" onclick="showDetailImage(this);" id="detailImage" rel="1"><img src="{{$aPrd.image_medium}}" alt="" onError="this.src='http://img.cafe24.com/images/ec_front_m/common/product_03.gif';" alt=""></a></p>
                     <div style="display:{{$sPrevNextVisible}}">
                         <a href="#none" class="next" onclick="goPrevNextPrd('{{$aNextNo}}', '{{$aCateNo}}');" style="display:{{$aNextOnVisible}}">다음 상품</a>
                         <a href="#none" class="next null" style="display:{{$aNextOffVisible}}" onclick="return false;">다음 상품 없음</a>
                     </div>
                </div>
             <div class="prdThumb">
             <ul>
                {{$sPrdImages.prdImgData}}
            </ul>
            </div>
                <p class="zb price2" style="{{$aSkinCfg.item_price_font_weight}}color:#{{$aSkinCfg.item_price_font_color}};">판매가
                <span id="PrdPriceMain" name="PrdPriceMain" style="{{$aPrd.sMobileStrike}}">{{$aPrd.product_price_main}}</span></p>
                <span style="display:{{$aPrd.sMobileSaleVisible}};">
                    <p class="zb price2" style="{{$aSkinCfg.item_mobile_price_font_weight}};color:#{{$aSkinCfg.item_mobile_price_font_color}};">모바일판매가
                    <span id="PrdPriceMobile" name="PrdPriceMobile">{{$aPrd.product_mobile_price}}</span>({{$aPrd.product_mobile_sale_price}} 할인)</p>
                    <p>(모바일 기기를 통한 주문시에만 적용됩니다.)</p>
                </span>
             </div>
         </div>
         <div class="contents_area2">
               <!-- 기본정보 -->



5) 적용화면 및 적용내용

① 쇼핑몰어드민 > 주문/배송 > 통합주문리스트 > 주문상세화면 팝업
- '할인혜택금액’에는 모바일 할인을 포함하여 상품할인, 회원등급별 할인 등이 합산된 금액이 노출 됩니다.




그 외 모바일쇼핑몰의 주문/결제 페이지, 주문완료 페이지, 주문조회-주문상세내역 페이지에
    '회원혜택, 상품별 할인금액' 등의 항목에는 모바일 할인이 포함된 금액이 노출됩니다.

▼ 주문완료 페이지




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

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