Help Center
카페24 소식
[모바일쇼핑몰] 쇼핑몰 바로가기 기능 추가 안내
2014-02-26
안녕하세요, 카페24 운영도우미 입니다.
PC쇼핑몰에 있는 '바로가기' 기능이 모바일에도 추가되어,
모바일에서도 홈 화면에 쇼핑몰 아이콘을 등록하여 쉽게 접속할 수 있습니다.
자세한 내용은 아래를 참조해 주세요.
■ 적용일자 : 2014-02-26 (수)
■ 업데이트 내용
모바일에서 '바로가기'을 클릭하면 스마트폰 홈화면에 아이콘이 등록되어
아이콘 클릭시 쇼핑몰 홈페이지에 바로 접속할 수 있도록 제공됩니다.
홈화면 아이콘은
'모바일쇼핑몰 > 환경설정 > 화면설정 > 홈화면 아이콘 등록' 메뉴에서 아이콘을 등록 하시면,
등록한 이미지로 표시됩니다.
- 아이폰 사용자일 경우, 단말기 제한에 따라 해당 기능이 제공되지 않습니다.
또한 안드로이드일 경우 스마트폰에 네이버앱이 설치되어 있어야 이용이 가능합니다.
서비스 이용에 참고해 주시기 바랍니다.
- 멀티쇼핑몰 이용중이실 경우, 바로가기 기능은 한국어 쇼핑몰에만 적용됩니다.
1. 소스 수정
1) CSS 추가
- 모바일쇼핑몰 > 디자인편집하기 > CSS > 모듈(module) > 레이아웃(layout) > mobilehomebutton.css
- 해당 위치에 폴더와 화면이 없을 경우, 아래와 같이 스마트편집창에서 폴더추가와 화면추가를 해주시기 바랍니다.
- 아래의 CSS 소스를 추가해주세요
| #bookmark { z-index:100; position:absolute; right:2px; top:80px; width:1em; padding:25px 7px 10px; text-align:center; font-size:12px; color:#fff; font-weight:bold; line-height:1; word-wrap:break-word; border:1px solid #3d4146; background: rgba(73,76,82,0.8); text-shadow:0 0 1px #3d4146; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; } #bookmark:before { content:""; position:absolute; left:50%; top:10px; width:12px; height:10px; margin-left:-6px; background:url("http://img.echosting.cafe24.com/design/skin/mobile/bg_bookmark.png") no-repeat 0 0; background-size:100% 100%;} |
2) HTML 추가
① 뉴상품 이용 몰 (솔루션 업그레이드 한 경우)
모바일쇼핑몰 > 디자인편집하기 > 레이아웃(Layout) > 기본레이아웃(basic) > 공통레이아웃(layout.html)
② 구상품 이용 몰 (기존 솔루션을 그대로 사용중인 경우)
모바일쇼핑몰 > 디자인편집하기 > 레이아웃(Layout) > 기본레이아웃(basic) > 메인(main.html)
- 기존 소스 <hr class="layout"> <div id="contents"> 사이에 ‘추가된 부분’ 소스 추가
|
## 상단 생략 ## <!-- 추가된 부분 --> <div id="contents"> |
2. 적용화면
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]