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

PC 접속하면 모바일 css가 적용되는 현상 채택완료

나의이름 1년 전 조회 4,268

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\">&lt;".stripslashes($row['it_id'])."&gt;</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 포인트

부분 css 에서 겹치는 현상 있는지 체크해보세요 

예를들어서 

main.10.skin.php 내에 겹치는게 있을수도있어요

로그인 후 평가할 수 있습니다

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

나의이름

해결했습니다.

 

<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에 이런 코드가 있었는데 상품 시작 부분에도 <div class="container">

라고 적용해서 모바일로 보여지는 현상이였습니다.

로그인 후 평가할 수 있습니다

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

1년 전

주소창에 ?device=pc로 해보시겠어요 ? pc로 들어갔지만 디바이스를 모바일로 인식하는경우도 있습니다.

로그인 후 평가할 수 있습니다

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

답변을 작성하려면 로그인이 필요합니다.

로그인