Help Center
카페24 소식
[모바일쇼핑몰] 모바일 자동전화걸기 기능 안내
2014-02-05
안녕하세요, 카페24 운영도우미 입니다.
모바일 메인화면에 고객센터 버튼을 추가하고, 버튼을 클릭하면
고객센터에 전화가 바로 연결할 수 있도록 기능이 개선되었습니다.
자세한 내용은 아래를 참조해 주세요.
■ 적용일자 : 2014-02-05 (수)
■ 업데이트 내용
- 메인화면 : 고객센터 버튼 추가 (고객센터 번호는 풋터영역의 대표전화와 동일한 정보로 표시됩니다.)
- 풋터영역 : 대표전화 번호가 버튼 형태로 변경
전화번호를 클릭하면 모바일에서 전화가 즉시 연결됩니다.
※ 2014년 2월 3일 이후 추가한 디자인일 경우, 해당 기능이 자동으로 반영됩니다.
해당 기능은 아래의 안내에 따라 HTML을 추가해주셔야 정상적으로 적용 및 사용이 가능합니다.
1. 모바일쇼핑몰 > 디자인편집하기 > 레이아웃(Layout) > 기본레이아웃(basic) > css > info.css
- 맨 하단에 파란색 소스 추가
| ## 상단 생략 ## .xans-layout-info { margin:10px auto; text-align:center; } .xans-layout-info a { position:relative; display:inline-block; width:295px; padding:6px 20px 5px 20px !important; font-size:12px; border:1px solid #9e9e9e !important; background-color:#a9a9a9; background: -webkit-linear-gradient(bottom, #ffffff , #f5f5f5); /* For Safari */ background: -o-linear-gradient(bottom, #ffffff, #f5f5f5); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, #ffffff, #f5f5f5); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, #ffffff , #f5f5f5); /* Standard syntax */ box-shadow: inset 0px 1px 1px #fff; border-radius:3px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .xans-layout-info a:before { content:""; display:inline-block; width:11px; height:11px; margin-right:5px; vertical-align:middle; margin-top:-2px; background:url("http://img.echosting.cafe24.com/design/skin/mobile/ico_footer_tel.png") no-repeat 0 0; background-size:100% 100%; } |
멀티쇼핑몰인 경우, 위 파란색 소스 위치에 아래 URL로 입력해주세요.
- 국문 : http://img.echosting.cafe24.com/design/skin/mobile/ico_footer_tel.png
- 영문 : http://img.echosting.cafe24.com/design/skin/mobile_en/ico_footer_tel.png
- 일문 : http://img.echosting.cafe24.com/design/skin/mobile_jp/ico_footer_tel.png
- 중문 : http://img.echosting.cafe24.com/design/skin/mobile_cn/ico_footer_tel.png
2. 모바일쇼핑몰 > 디자인편집하기 > 레이아웃(Layout) > 기본레이아웃(basic) > css > layout.css
- footer 영역에 파란색 소스 추가
|
## 상단 생략 ## #footer .tel { |
멀티쇼핑몰인 경우, 위 파란색 소스 위치에 아래 URL로 입력해주세요.
- 국문 : http://img.echosting.cafe24.com/design/skin/mobile/ico_footer_tel.png
- 영문 : http://img.echosting.cafe24.com/design/skin/mobile_en/ico_footer_tel.png
- 일문 : http://img.echosting.cafe24.com/design/skin/mobile_jp/ico_footer_tel.png
- 중문 : http://img.echosting.cafe24.com/design/skin/mobile_cn/ico_footer_tel.png
3. 모바일쇼핑몰 > 디자인편집하기 > index.html
- 하단의 빨간색 소스(고객센터)를 각 국가별 언어로 수정
| ## 상단 생략 ## <p module="layout_info"> <!--@css(/layout/basic/css/info.css)--> <a href="tel:{$phone}">고객센터 : {$phone}</a></p> |
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
위 빨간색 소스 삭제 후 해당 위치에 아래 파란색 소스를 입력해주세요.
- 국문 : 고객센터
- 영문 : Customer Service
- 일문 : お問い合わせ先
- 중문 : 客服中心
4. 모바일쇼핑몰 > 디자인편집하기 > 레이아웃(Layout) > 기본레이아웃(basic) > 공통레이아웃(layout.html)
- 아래의 빨간색 소스를 링크된 파일과 같이 국가별 파란색 소스로 교체해주세요.
## 상단 생략 ##
<address module="Layout_footer">
상점명: {$mall_name}
대표전화 : {$phone}<br>
주소: {$mall_zipcode} {$mall_addr1} {$mall_addr2}<br>
사업자등록번호: {$company_regno}
통신판매업 신고: {$network_regno}<br>
대표: <a href="mailto:{$email}">{$president_name}</a>
개인정보관리책임자: <a href="mailto:{$cpo_email}">{$cpo_name}</a><br>
호스팅 제공자: 심플렉스인터넷(주)</address>
## 하단 생략 ##
☞ [국가별 공통레이아웃 수정 내용]
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]