모바일에서 PC버전으로 전환하기 정보
모바일에서 PC버전으로 전환하기본문
사용하고 있는 환경
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 = '&';
$seq++;
}
}
if($seq)
$href .= '&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}
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 = '&';
$seq++;
}
}
if($seq)
$href .= '&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}
추천
4
4
댓글 6개
감사합니다.^^
고급 정보네요.
고급정보 감사합니다.
친절한 설명 덕분에 한방에 에러없이 적용하였습니다. 감사합니다.
친절한 설명 덕분에 한방에 에러없이 적용하였습니다. 감사합니다.
짱이에요
적용해봐야겠네요~^
감사합니다