테스트 사이트 - 개발 중인 베타 버전입니다

모바일에서 PC버전으로 전환하기

· 11년 전 · 22861 · 6
pc버전.jpg
사용하고 있는 환경
1. 영카트5
2. 모바일웹 사용
3. 커뮤니티 사용안함

위 환경에서 모바일웹으로 쇼핑몰을 접속했을 경우
하단에 [PC버전]으로 볼 수 있는 방법이 없는 걸로 보였습니다.

기능은 커뮤니티쪽 소스에 구현되어 있어서
그대로 사용합니다.


----------------------------------------------------------------------------------------------
[/css/mobile_shop.css : 55번줄 아래로 대체(#ft, #ft_to_top), 추가(#ft_to_pc)]

/* 하단 레이아웃 */
#ft {position:relative;margin:20px 0 0;padding:20px 0 40px;border-top:1px solid #e9e9e9;font-size:0.833em;text-align:center;letter-spacing:-0.1em}
#ft_to_pc {position:absolute;bottom:10px;left:10px;padding:10px;border:0;background:#999;color:#fff;font-size:1em;text-decoration:none;letter-spacing:-0.1em;vertical-align:top;-webkit-appearance:none}
#ft_to_top {position:absolute;bottom:10px;right:10px;padding:10px;border:0;background:#333;color:#fff;font-size:1em;text-decoration:none;letter-spacing:-0.1em;vertical-align:top;-webkit-appearance:none}


----------------------------------------------------------------------------------------------
[/mobile/shop/shop.tail.php]

<a href="#" id="ft_to_top">상단으로</a>

아래로 변경

<a href="<?php echo G5_SHOP_URL; ?>/?device=pc" id="ft_to_pc">PC버전</a>
<a href="#" id="ft_to_top">상단으로</a>


----------------------------------------------------------------------------------------------
[/shop/shop.tail.php]

<?php
$sec = get_microtime() - $begin_time;
$file = $_SERVER['PHP_SELF'];
?>

위에 추가

<?php
if(G5_USE_MOBILE && !G5_IS_MOBILE && is_mobile()) {
$seq = 0;
$href = $_SERVER['PHP_SELF'];
if($_SERVER['QUERY_STRING']) {
$sep = '?';
foreach($_GET as $key=>$val) {
if($key == 'device')
continue;

$href .= $sep.$key.'='.strip_tags($val);
$sep = '&amp;';
$seq++;
}
}
if($seq)
$href .= '&amp;device=mobile';
else
$href .= '?device=mobile';
?>
<a href="<?php echo $href; ?>" id="device_change">모바일 버전으로 보기</a>
<?php } // end of 'check mobile' ?>


----------------------------------------------------------------------------------------------
[/css/default_shop.css]

맨아래 추가

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 6개

감사합니다.^^
11년 전
고급 정보네요.
고급정보 감사합니다.
친절한 설명 덕분에 한방에 에러없이 적용하였습니다. 감사합니다.
10년 전
짱이에요
적용해봐야겠네요~^
감사합니다

게시글 목록

번호 제목
136
134
131
127
122
119
118
114
110
106
102
97
96
91
85
77
74
69
63
62
57
51
37
33
32
31
25
24
23
22