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

모바일쇼핑몰에서 쿠폰을 다운로드 할 수 있는 기능 및 마이페이지에서 쿠폰 조회, 시리얼쿠폰 등록 기능이 업그레이드 되었습니다. 또한, 마이페이지에서 적립금 조회 할 수 있는 기능도 업그레이드 되었습니다. 업그레이드 된 기능을 적용하는 방법을 안내해드립니다.

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

---

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

■ 업데이트 내용

모바일쇼핑몰에 마이페이지 메뉴가 추가되어 주문내역조회, 쿠폰내역조회 및 시리얼쿠폰등록,
적립금내역조회 등을 확인하실 수 있습니다.
- 로그인시 : 나의 통장내역 확인 가능
- 비로그인시 : 나의 통장내역 확인 불가

아래의 안내 내용에 따라 폴더 및 새 페이지를 생성하신 후 생성된 페이지에 각 소스를 추가해주시면
정상적으로 기능이 적용되어 이용이 가능합니다.


1. 폴더생성
'쇼핑몰어드민 > FTP > 웹FTP > 웹 FTP접속' 으로 이동하신 후 아래와 같이 폴더를 생성합니다.

- 생성 위치 : /sde_design/mobile/myshop/
- 생성 폴더명 : mileage (대/소문자 준수)
coupon (대/소문자 준수)

1) FTP 접속 및 /sde_design/mobile/myshop/ 폴더로 이동 후 '새폴더'를 클릭합니다.




2) 생성할 폴더명을 입력 후 확인버튼을 클릭합니다.

- 폴더명 : mileage, coupon (대/소문자를 준수하셔야 합니다.)

2. 새 페이지 생성
'쇼핑몰어드민 > 모바일쇼핑몰 > HTML디자인 > 모바일 꾸미기 시작' 버튼을 통하여 스마트디자인 편집창에 접속 후
아래의 위치에 각 새 페이지를 생성합니다.
(새페이지 생성 시 페이지명에 대/소문자를 준수하셔야 합니다.)

1) 마일리지 관련페이지 생성
- 생성 위치 : 마이쇼핑/적립금(/myshop/mileage/)
- 생성 페이지 : mileageList.html
unavailList.html
couponList.html
historyList.html

2) 쿠폰 관련페이지 생성
- 생성 위치 : 마이쇼핑/쿠폰 (myshop/coupon/)
- 생성 페이지 : coupon.html


3. 새 페이지에 소스추가 및 기존소스 수정
아래의 파일을 다운로드하여 안내 내용과 같이 생성된 페이지에 소스를 추가합니다.

▶ HTML 수정방법 다운로드

※ html 수정 후 쿠폰다운로드 부분 디자인이 깨지는 경우 아래의 css 소스를 수정해주세요.

[변경 전] .mCoupon { width:280px; margin:28px auto; } .mCoupon > ul > li { position:relative; height:133px; margin:0 0 14px 0; padding:0 9px; border:1px solid rgb(0,0,0); } .mCoupon > ul > li > p { cursor:pointer; } .mCoupon > ul > li .name { padding:8px 0 6px 0; font-size:12px; text-align:center; } .mCoupon > ul > li .sale { height:90px; background-size:260px 90px; font-size:32px; line-height:90px; letter-spacing:-2px; text-align:center; } .mCoupon .mLayer h4 { margin:0 0 11px 0; padding:0 0 0 28px; background:url(http://img.echosting.cafe24.com/mobileWeb/common/ico_coupon.png) no-repeat 0 0; background-size:24px 17px; } [변경 후] .mCoupon { text-align:center;  } .mCoupon ul { width:216px; margin:0 auto; padding:0 0 10px; } .mCoupon ul li { padding:0 0 10px; } .mCoupon .coupon { width:216px; height:105px; font-size:12px; line-height:1.5; text-align:center; font-family:Dotum sans-serif; background-repeat:no-repeat; } .mCoupon .coupon img { border:0; } .mCoupon .coupon p { margin:0; padding:0; } .mCoupon .coupon .title { display:block; padding:8px 0 0; font-size:10px; line-height:15px; text-align:center; font-weight:normal; font-family:Arial; } .mCoupon .coupon .discount { font-size:18px; line-height:28px; font-weight:bold; text-align:center; letter-spacing:-1px; font-family:Dotum; } .mCoupon .coupon .discount span { font-size:22px; font-family:Verdana; } .mCoupon .coupon .period { font-size:11px; line-height:13px; font-weight:bold; text-align:center; font-family:Dotum; letter-spacing:-1px; } .mCoupon .coupon .button { margin:5px 0 0; text-align:center; } .mCoupon .imgCoupon .title, .mCoupon .imgCoupon .discount, .mCoupon .imgCoupon .period, .mCoupon .imgCoupon .button { display:none; }

4. 적용화면

▼ 마이페이지 > 쿠폰/적립금 조회화면


▼ 적립금 조회목록 화면


▼ 쿠폰조회 화면


▼ 상품상세 다운로드 쿠폰 화면

---

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

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