Help Center

카페24 소식

공지사항업데이트스토어소식

[상품/재고] 모바일 상품 구매시 사은품 제공 기능 추가

2014-01-15

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

모바일에서도 상품 구매시 PC와 동일하게 사은품 제공할 수 있는 기능이 업데이트 되었습니다.

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


■ 적용일자 : 2014-01-15 (수)

■ 업데이트 내용


쇼핑몰 어드민에서 사은품 설정한 경우 기존에는 PC에서만 고객 상품 구매 시 적용되었지만
모바일에서도 동일하게 사은품 제공을 할 수 있도록 기능 추가가 되었습니다.

1. 사은품 설정

- 위치1 : 상품재고 > 사은품관리 > 사은품정책 설정
- 위치2 : 상품재고 > 사은품관리 > 사은품분류/사은품관리


사은품 설정 기능은 PC쇼핑몰에서 설정한 것과 동일하며, 모바일에서도 고객 주문시 설정한 사은품이 적용됩니다.



2. 적용방법
모바일 HTML 모드 사용 중인 경우, 아래와 같이 디자인 소스를 추가해주셔야 합니다.


- 위치1 : 모바일쇼핑몰 > 디자인스킨관리 > HTML편집 버튼 클릭 > 페이지리스트 > 주문관련화면 > 주문완료
- 아래와 같이 HTML 소스를 수정합니다.


[변경 전]

         <div class="c mt15">
                <a href="{$sMainUrl}"><img src="http://img.echosting.cafe24.com/ec/mobile20/btn-confirm.gif" width="75" height="35" alt="확인" /></a>
            </div>
            <!-- top 버튼 -->
            {$sTopBtn}
            <!-- //top 버튼 -->
        </div>
        {$sFooter}
    </div>

</body>


[변경 후]

       <div class="c mt15">
                <a href="{$sMainUrl}"><img src="http://img.echosting.cafe24.com/ec/mobile20/btn-confirm.gif" width="75" height="35" alt="확인" /></a>
            </div>
            <!-- top 버튼 -->
            {$sTopBtn}
            <!-- //top 버튼 -->
        </div>
        {{$sFooter}}
    </div>

    <!-- 사은품 버튼 -->
    {{$sGiftScript}}
    <!-- //사은품 버튼 -->
</body>



- 위치2 : 모바일쇼핑몰 > 디자인스킨관리 > HTML편집 버튼 클릭 > 페이지리스트 > 메인화면 > 메인화면
           > 모듈리스트 ‘자바스크립트 & 스타일시트(CSS) ‘ 탭 클릭 > 스타일시트 편집 버튼 클릭 > HTML 편집 팝업
- 기존 입력된 소스 아래에 HTML 소스를 추가합니다.

 /*
 * 사은품 선택
**/
 
/* 공통 */
.gift-select .txtEm { color:#ff6600; }
.gift-select .btnNormal {
    display:inline-block; margin:0; padding:0 6px; font-size:11px; cursor:pointer; vertical-align:middle; font-family:Verdana, Dotum; border:0;
    border-radius:3px;
    -moz-box-sizing:border-box; box-sizing:border-box;
}
.gift-select .btnNormal { height:22px; line-height:22px; color:#666; border:1px solid #bcbcbc; background-color:#f1f1f1; }
 
/* 포인트 */
.gift-point { padding:4px 10px; font-size:12px; color:#262530; border-bottom:1px solid #434447; background:#f5f5f6; }
.gift-point li { padding:0 15px 0 8px; }
.gift-point li.total { color:#ff6600; }
.gift-point li:before { overflow:hidden; content:""; position:relative; left:-10px; display:inline-block; width:3px; height:7px; margin-right:-3px; background:url("http://img.echosting.cafe24.com/design/skin/mobile/bg_boardwrite_th.png") no-repeat 0 0; background-size:100% 100%; }
.gift-point li strong { color:#ff6600; }
 
/* 리스트 */
.gift-select .giftList { font-size:12px; }
.gift-select .giftList ul > li { overflow:hidden; position:relative; min-height:85px; padding:10px 10px 10px 0; }
.gift-select .giftList ul > li .prdImg { position:absolute; left:0; top:10px; }
.gift-select .giftList ul > li .prdImg img { width:85px; }
.gift-select .giftList li { border-bottom:1px dotted #9f9fa1; }
.gift-select .giftList li .descriptions { padding:0 0 0 95px; min-height:85px; }
.gift-select .giftList li .descriptions span.prdName { min-height:0; }
.gift-select .giftList li .descriptions a { color:rgb(99,102,110); }
.gift-select .giftList .point {}
.gift-select .giftList .point li { padding:3px 0 0; border:0; min-height:0; }
.gift-select .giftList .point li img { vertical-align:middle; }
.gift-select .giftList .point li input { width:50px; }



3. 모바일쇼핑몰 적용화면


1) 주문서 작성 페이지
  - 고객이 주문서 작성하여 결제완료 처리시 어드민에서 설정하신 사항에 따라 사은품이 적용됩니다.




2) 사은품 선택 페이지
  - 고객이 사은품 선택할 수 있게 설정한 경우 사은품 선택 할 수 있는 페이지가 노출됩니다.




3) 결제완료 페이지
 - 결제완료 페이지의 주문상품 정보에 사은품이 리스트에 추가됩니다.




4) 마이페이지 > 주문 내역 확인
 - 주문상품 정보의 전체보기 버튼을 클릭하면 상세 상품 정보 리스트가 노출됩니다.







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

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

이전글

[주문/배송] 네이버체크아웃 주문취소 요청처리 변경 안내

2014-01-15

다음글

[주문/배송] 실시간 계좌이체 부분취소 신규기능 안내

2014-01-15