Help Center

카페24 소식

[모바일쇼핑몰] PC 버전에서 모바일버전으로 이동하는 바로가기버튼 생성 가이드

2012-09-03


[업데이트 일자]

 - 2012-07-09

 

[기능설명]

모바일과 PC버전을 자유롭게 이동 할 수 있게 하기 위한 버튼을 생성 할 수 있는 방법입니다.


[설정하기]

디자인관리>스마트디자인 편집창에서 아래 내용과 같이 설정해 주세요.


버튼 출력 위치 설정해서, 아래 코드를 삽입합니다. (ex: 메인페이지 최하단)

<div id='mobileWeb'></div>


[HTML]

수정할 파일: /base/layout/basic/레이아웃 파일.html

<div id='mobileWeb'></div>

</body>

</html>


[Javascript 이벤트 추가]

수정할 파일: /base/layout/basic/js/basic.js

$(document).ready(function(){ 함수 안에 추가합니다.

var agent = navigator.userAgent.toLowerCase();

    if (agent.indexOf('iphone') != -1 || agent.indexOf('android') != -1) {

         $('#mobileWeb').html('<a href="#none" onclick="javascript:location.href=\'http://m.'+document.domain+'';"><img src="http://img.cafe24.com/img1/ec_mobile/tle_txt.png" /></a>');

        $('#mobileWeb').attr('style', 'text-align:center;width:100%;height:50px;background-image:URL("http://img.cafe24.com/img1/ec_mobile/tle_bg.png")');

    }