자세히 알아보기

바로가기 설정 방법

1. [관리자] 쇼핑몰 설정 > 사이트 설정 > 사이트 환경 설정 > 쇼핑몰 환경 설정 으로 이동해 주세요.
2. 모바일(탭) 클릭 후, 기본설정 > 사용설정 > '모바일 전용 디자인 사용설정' 항목에서 '사용함' 을 선택해 주세요.
3. 화면설정 영역 내 '홈화면 아이콘 등록' 항목에서 '파일선택' 버튼을 클릭하여 PC에 저장된 아이콘 이미지를 등록해 주세요.
4. 페이지 하단에 있는 '저장' 버튼을 클릭해 주세요.

디자인 적용 방법

1. CSS 추가
   1) [관리자] 디자인 > 디자인관리 로 이동해 주세요.
   2) 대표 디자인으로 사용 중인 디자인의 '디자인 편집' 버튼을 클릭해 주세요.
   3) 스마트디자인 편집창에서 '전체화면보기(탭) > CSS > 모듈(module) > 레이아웃(layout) > 'mobilehomebutton.css' 으로 이동해 주세요.
   ※ 해당 위치에 폴더와 파일이 없을 경우, '폴더추가' 및 '화면추가' 기능을 통해 직접 추가해 주세요.
   4) 'mobilehomebutton.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 추가
   1) 스마트디자인 편집창에서 '전체화면 보기 > 레이아웃(Layout) > 기본레이아웃(basic) > 공통레이아웃(layout.html)'로 이동해 주세요.
   2) ▼ 아래와 같이 파란색 소스를 추가해 주세요.
   ## 상단 생략 ##
     <hr class="laout">
     <div module="Layout_MobileHomebutton">
     <!--@css(/css/module/layout/mobilehomebutton.css)-->
     <a href="#none" id="bookmark" onClick="{$make_homeicon}">바로가기</a>
     {$form.hdHomeImgUrl}{$form.hdMallName}</div>
     <div id="contents">
   ## 하단 생략 ##