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

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

· 11년 전 · 22863 · 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년 전
짱이에요
적용해봐야겠네요~^
감사합니다

게시글 목록

번호 제목
246
245
241
221
219
218
215
213
210
205
201
199
198
193
192
191
184
183
173
171
170
169
166
165
158
157
153
151
150
137