PC 접속하면 모바일 css가 적용되는 현상 채택완료
PC로 접속을 하면 특정 부분에 대해서만(main.10.skin.php) 모바일 css가 적용되는 현상이 생겼습니다.
모바일로 접속하면 모바일 css로 나옵니다.ㅠㅠ
theme/strawberry/head.sub.php
<?php</p>
<p>$shop_css = '';</p>
<p>if (defined('_SHOP_')) $shop_css = '_shop';</p>
<p>echo '<link rel="stylesheet" href="'.G5_THEME_CSS_URL.'/'.(G5_IS_MOBILE?'mobile':'default').$shop_css.'.css?ver='.G5_CSS_VER.'">'.PHP_EOL;</p>
<p>?>
shop.head.php
</p>
<p> </p>
<p><?php</p>
<p>if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가</p>
<p>if(G5_IS_MOBILE) {</p>
<p> include_once(G5_THEME_MSHOP_PATH.'/shop.head.php');</p>
<p> return;</p>
<p>}</p>
<p>include_once(G5_THEME_PATH.'/head.sub.php');</p>
<p>include_once(G5_LIB_PATH.'/outlogin.lib.php');</p>
<p>include_once(G5_LIB_PATH.'/poll.lib.php');</p>
<p>include_once(G5_LIB_PATH.'/visit.lib.php');</p>
<p>include_once(G5_LIB_PATH.'/connect.lib.php');</p>
<p>include_once(G5_LIB_PATH.'/popular.lib.php');</p>
<p>include_once(G5_LIB_PATH.'/latest.lib.php');</p>
<p> </p>
<p>set_cart_id(0);</p>
<p>$tmp_cart_id = get_session('ss_cart_id');</p>
<p>add_javascript('<script src="'.G5_JS_URL.'/jquery.bxslider.js"></script>', 0);</p>
<p>$q = isset($_GET['q']) ? clean_xss_tags($_GET['q'], 1, 1) : '';</p>
<p> </p>
<p>?></p>
<p> </p>
<p>
main.10.skin.php
</p>
<p> </p>
<p><?php</p>
<p>if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가</p>
<p> </p>
<p>// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨</p>
<p>add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);</p>
<p>add_javascript('<script src="'.G5_THEME_JS_URL.'/jquery.shop.list.js"></script>', 10);</p>
<p> </p>
<p>add_stylesheet('<link rel="stylesheet" href="'.G5_JS_URL.'/swiper/swiper.min.css">', 0);</p>
<p>add_javascript('<script src="'.G5_JS_URL.'/swiper/swiper.min.js"></script>', 10);</p>
<p>?></p>
<p> </p>
<p><div class="swiper-container sw1 sct_10"> <!-- sct_10 클래스 추가 --></p>
<p> <div class="swiper-wrapper"></p>
<p> </p>
<p><!-- 상품진열 10 시작 { --></p>
<p><?php</p>
<p>for ($i=1; $row=sql_fetch_array($result); $i++) {</p>
<p> if ($this->list_mod >= 2) {</p>
<p> if ($i % $this->list_mod == 0) $sct_last = 'sct_last';</p>
<p> else if ($i % $this->list_mod == 1) $sct_last = 'sct_clear';</p>
<p> else $sct_last = '';</p>
<p> } else {</p>
<p> $sct_last = 'sct_clear';</p>
<p> }</p>
<p> </p>
<p> echo "<div class=\"swiper-slide sct_li {$sct_last}\" >\n";</p>
<p> </p>
<p> echo "<div class=\"sct_img\">\n";</p>
<p> </p>
<p> if ($this->href) {</p>
<p> echo "<a href=\"{$this->href}{$row['it_id']}\" title=\"".htmlspecialchars(stripslashes($row['it_name']))."\">\n";</p>
<p> }</p>
<p> </p>
<p> if ($this->view_it_img) {</p>
<p> echo "<img src=\"". get_it_imageurl($row['it_id']) ."\" width=\"". $this->img_width ."\" height=\"". $this->img_height ."\" alt=\"". htmlspecialchars(stripslashes($row['it_name'])) ."\">";</p>
<p> }</p>
<p> </p>
<p> if ($this->href) {</p>
<p> echo "</a>\n";</p>
<p> }</p>
<p> </p>
<p> if ($this->view_it_icon) {</p>
<p> echo item_icon2($row);</p>
<p> }</p>
<p> </p>
<p> // 버튼 및 SNS 공유 관련 코드 유지</p>
<p> echo "<div class=\"sct_btn\"><div class=\"sct_btn_wr\"><button type=\"button\" class=\"btn_cart\" data-it_id=\"{$row['it_id']}\"><span class=\"sound_only\">장바구니</span><i class=\"fa fa-shopping-cart\"></i></button><button type=\"button\" class=\"btn_wish\" data-it_id=\"{$row['it_id']}\"><span class=\"sound_only\">위시리스트</span><i class=\"fa fa-heart-o\" aria-hidden=\"true\"></i></button><button type=\"button\" class=\"btn_share\"><i class=\"fa fa-share-alt\" aria-hidden=\"true\"></i><span class=\"sound_only\">sns공유</span></button>\n";</p>
<p> echo "</div>\n";</p>
<p> </p>
<p> if ($this->view_sns) {</p>
<p> $sns_top = $this->img_height + 10;</p>
<p> $sns_url = G5_SHOP_URL.'/item.php?it_id='.$row['it_id'];</p>
<p> $sns_title = get_text($row['it_name']).' | '.get_text($config['cf_title']);</p>
<p> echo "<div class=\"sct_sns\"><div class=\"sct_sns_wr\"><h3>SNS 공유</h3><div>";</p>
<p> echo get_sns_share_link('facebook', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/facebook.png');</p>
<p> echo get_sns_share_link('twitter', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/twitter.png');</p>
<p> echo get_sns_share_link('googleplus', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/gplus.png');</p>
<p> echo get_sns_share_link('kakaotalk', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/sns_kakao.png');</p>
<p> echo "</div><button type=\"button\" class=\"btn_close\"><i class=\"fa fa-times\" aria-hidden=\"true\"></i></button></div><div class=\"bg\"></div></div>\n";</p>
<p> }</p>
<p> echo "</div>\n"; // .sct_img 끝</p>
<p> </p>
<p> // 기타 정보 출력</p>
<p> echo "<div class=\"sct_cartop\"></div>\n";</p>
<p> </p>
<p> if ($this->view_it_id) {</p>
<p> echo "<div class=\"sct_id\"><".stripslashes($row['it_id'])."></div>\n";</p>
<p> }</p>
<p> </p>
<p> echo "</div>\n"; // .sct_li 끝</p>
<p> </p>
<p> if ($this->href) {</p>
<p> echo "<div class=\"sct_txt\"><h2>\n";</p>
<p> }</p>
<p> </p>
<p> if ($this->href) {</p>
<p> echo "<a href=\"{$this->href}{$row['it_id']}\" class=\"sct_tit\" title=\"".htmlspecialchars(stripslashes($row['it_name']))."\">\n";</p>
<p> }</p>
<p> </p>
<p> if ($this->view_it_name) {</p>
<p> echo stripslashes($row['it_name'])."\n";</p>
<p> }</p>
<p> </p>
<p> if ($this->href) {</p>
<p> echo "</a></h2>\n";</p>
<p> }</p>
<p> echo "</div>\n";</p>
<p> </p>
<p> if ($this->view_it_basic) {</p>
<p> echo "<div class=\"sct_basic\"><h3>".stripslashes($row['it_basic'])."</div></h3>\n";</p>
<p> }</p>
<p> </p>
<p> if ($this->view_it_cust_price || $this->view_it_price) {</p>
<p> echo "<div class=\"sct_cost\"><h3>\n";</p>
<p> </p>
<p> if ($this->view_it_price) {</p>
<p> echo display_price(get_price($row), $row['it_tel_inq'])."\n";</p>
<p> }</p>
<p> </p>
<p> if ($this->view_it_cust_price && $row['it_cust_price']) {</p>
<p> echo "<span class=\"sct_discount\">".display_price($row['it_cust_price'])."</span>\n";</p>
<p> }</p>
<p> echo "</div></h3>\n";</p>
<p> }</p>
<p> </p>
<p> if ($this->view_it_icon) {</p>
<p> echo item_icon3($row);</p>
<p> }</p>
<p> </p>
<p> $s_core = (int)$row['it_use_avg'];</p>
<p> if ($s_core > 0 ) {</p>
<p> echo "<span class=\"sct_star\"><img src=".G5_SHOP_URL."/img/s_star".$s_core.".png></span>";</p>
<p> }</p>
<p> </p>
<p> echo "</div>\n"; // .sct_li 끝</p>
<p>}</p>
<p> </p>
<p>if ($i > 1) echo "</div>\n"; // swiper-wrapper 닫기</p>
<p>if($i == 1) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";</p>
<p>?></p>
<p>
</p>
<p> <div class="swiper-pagination"></div></p>
<p>
</p>
<p> </div> <!-- swiper-wrapper 끝 --></p>
<p></div> <!-- swiper-container 끝 --></p>
<p> </p>
<p><script></p>
<p>$('.btn_share').click(function(){</p>
<p> $(this).parent().next('.sct_sns').show();</p>
<p>});</p>
<p> </p>
<p>$('.sct_sns_wr .btn_close').click(function(){</p>
<p> $('.sct_sns').hide();</p>
<p>});</p>
<p> </p>
<p>$('.sct_sns .bg').click(function(){</p>
<p> $('.sct_sns').hide();</p>
<p>});</p>
<p> </p>
<p>document.addEventListener('DOMContentLoaded', function () {</p>
<p> var swiper = new Swiper('.sw1', {</p>
<p> slidesPerView: 4,</p>
<p> spaceBetween: 10,</p>
<p> loop: true,</p>
<p> pagination: {</p>
<p> el: '.swiper-pagination',</p>
<p> clickable: true,</p>
<p> },</p>
<p> </p>
<p> autoplay: {</p>
<p> delay: 10000, // 10초 (10000ms) 간격</p>
<p> disableOnInteraction: false, // 사용자 인터랙션 후에도 autoplay가 계속 진행되도록 설정</p>
<p> },</p>
<p> </p>
<p> });</p>
<p>});</p>
<p> </p>
<p></script></p>
<p><!-- } 상품진열 10 끝 --></p>
<p> </p>
<p>
입니다. 어떤 부분이 문제일까요?
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
채택된 답변
+20 포인트
비버팩토리
1년 전
부분 css 에서 겹치는 현상 있는지 체크해보세요
예를들어서
main.10.skin.php 내에 겹치는게 있을수도있어요
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
1년 전
해결했습니다.
<div class="container"></p>
<p> <!-- 카드 슬라이더 시작 --></p>
<p> <?php include_once(G5_SHOP_SKIN_PATH.'/card_slider.skin.php'); ?></p>
<p> <!-- 카드 슬라이더 끝 --></p>
<p></div></p>
<p> </p>
<p><script></p>
<p> $("#container").removeClass("container").addClass("idx-container");</p>
<p></script></p>
<p> </p>
<p>
index.php에 이런 코드가 있었는데 상품 시작 부분에도
라고 적용해서 모바일로 보여지는 현상이였습니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
1년 전
주소창에 ?device=pc로 해보시겠어요 ? pc로 들어갔지만 디바이스를 모바일로 인식하는경우도 있습니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택