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

최신상품 슬라이더 채택완료

 </p>

<p><?php</p>

<p>if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가</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.'/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>add_javascript('<script src="'.G5_JS_URL.'/jquery.bxslider.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>
shop.head.php에 이런식으로 swiper를 불러오고

아래처럼 index.php에 swiper를 적용을 했습니다.

 

 </p>

<p><?php if($default['de_mobile_type3_list_use']) { ?></p>

<p><div class="swiper-container"></p>

<p><div class="swiper-wrapper"></p>

<p><div class="sct_wrap"></p>

<p>    <h2><a href="<?php echo G5_SHOP_URL; ?>/listtype.php?type=3">최신상품</a></h2></p>

<p>    <?php</p>

<p>    $list = new item_list();</p>

<p>    $list->set_mobile(true);</p>

<p>    $list->set_type(3);</p>

<p>    $list->set_view('it_img', true); // 이미지 표시</p>

<p>    $list->set_view('it_name', true);</p>

<p>    $list->set_view('it_cust_price', true);</p>

<p>    $list->set_view('it_price', true);</p>

<p>    $list->set_view('it_icon', true);</p>

<p>    $list->set_view('sns', false);</p>

<p>    echo $list->run();</p>

<p>    ?></p>

<p></div></p>

<p> </div></p>

<p></div></p>

<p><?php } ?></p>

<p> </p>

<p><script></p>

<p>jQuery(function($) {</p>

<p>    var swiper = new Swiper('.swiper-container', {</p>

<p>        slidesPerView: 2,</p>

<p>        spaceBetween: 10, // 카드 간의 간격</p>

<p>        loop: true,</p>

<p>        autoplay: {</p>

<p>            delay: 5000, // 5초마다 슬라이드</p>

<p>            disableOnInteraction: false,</p>

<p>        },</p>

<p>        pagination: {</p>

<p>            el: '.swiper-pagination',</p>

<p>            clickable: true,</p>

<p>        },</p>

<p>    });</p>

<p>});</p>

<p></script></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_MSHOP_SKIN_URL.'/style.css">', 0);</p>

<p>?></p>

<p> </p>

<p><?php if($config['cf_kakao_js_apikey']) { ?></p>

<p><script src="<a href="https://developers.kakao.com/sdk/js/kakao.min.js"></script>" target="_blank" rel="noopener noreferrer">https://developers.kakao.com/sdk/js/kakao.min.js"></script></a></p>

<p><script src="<?php echo G5_JS_URL; ?>/kakaolink.js"></script></p>

<p><script></p>

<p>    // 사용할 앱의 Javascript 키를 설정해 주세요.</p>

<p>    Kakao.init("<?php echo $config['cf_kakao_js_apikey']; ?>");</p>

<p></script></p>

<p><?php } ?></p>

<p> </p>

<p><!-- 메인상품진열 10 시작 { --></p>

<p><?php</p>

<p>$li_width = intval(100 / $this->list_mod);</p>

<p>$li_width_style = ' style="width:'.$li_width.'%;"';</p>

<p> </p>

<p>for ($i=0; $row=sql_fetch_array($result); $i++) {</p>

<p>    if ($i == 0) {</p>

<p>        if ($this->css) {</p>

<p>            echo "<ul class=\"{$this->css}\">\n";</p>

<p>        } else {</p>

<p>            echo "<ul class=\"sct sct_10\">\n";</p>

<p>        }</p>

<p>    }</p>

<p> </p>

<p>    if($i % $this->list_mod == 0)</p>

<p>        $li_clear = ' sct_clear';</p>

<p>    else</p>

<p>        $li_clear = '';</p>

<p> </p>

<p>    echo "<li class=\"sct_li{$li_clear}\"$li_width_style><div class=\"li_wr\">\n";</p>

<p> </p>

<p>    if ($this->href) {</p>

<p>        echo "<div class=\"sct_img\"><a href=\"{$this->href}{$row['it_id']}\">\n";</p>

<p>    }</p>

<p> </p>

<p>    if ($this->view_it_img) {</p>

<p>        echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";</p>

<p>    }</p>

<p> </p>

<p>    if ($this->href) {</p>

<p>        echo "</a></div>\n";</p>

<p>    }</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>    if ($this->href) {</p>

<p>        echo "<div class=\"sct_txt\"><a href=\"{$this->href}{$row['it_id']}\" class=\"sct_a\" 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></div>\n";</p>

<p>    }</p>

<p> </p>

<p>    if ($this->view_it_price) {</p>

<p>        echo "<div class=\"sct_cost\">\n";</p>

<p>        echo display_price(get_price($row), $row['it_tel_inq'])."\n";</p>

<p>        echo "</div>\n";</p>

<p>    }</p>

<p> </p>

<p>    if ($this->view_it_icon) {</p>

<p>        echo "<div class=\"sct_icon\">".item_icon($row)."</div>\n";</p>

<p>    }</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\" style=\"top:{$sns_top}px\">";</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>\n";</p>

<p>    }</p>

<p> </p>

<p>    echo "</div></li>\n";</p>

<p>}</p>

<p> </p>

<p>if ($i > 0) echo "</ul>\n";</p>

<p> </p>

<p>if($i == 0) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";</p>

<p>?></p>

<p><!-- } 상품진열 10 끝 --></p>

<p> </p>

<p>

 

모바일 화면에서  slidesPerView 2면 1 줄에 2개만 보여야 하는데 main.10.skin.php 파일 때문인지 모르겠는데 한 줄에 2개씩 슬라이더가 없이 보이고 있습니다. 어떤 부분이 문제 일까요?

 

최종 목적은 모바일 화면에서 1줄에 2개가 보이고 슬라이더를 넘기면 다음 상품이 보이게 하는게 목적입니다.

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

답변 1개

채택된 답변
+20 포인트

</p>

<p data-pm-slice="1 1 []"><?php if($default['de_mobile_type3_list_use']) { ?></p>

<p><div class="swiper-container"></p>

<p><div class="swiper-wrapper"></p>

<p><?php</p>

<p>$list = new item_list();</p>

<p>$list->set_mobile(true);</p>

<p>$list->set_type(3);</p>

<p>$list->set_view('it_img', true);</p>

<p>$list->set_view('it_name', true);</p>

<p>$list->set_view('it_cust_price', true);</p>

<p>$list->set_view('it_price', true);</p>

<p>$list->set_view('it_icon', true);</p>

<p>$list->set_view('sns', false);</p>

<p> </p>

<p>$items = $list->run();</p>

<p>echo str_replace('<li class="sct_li', '<div class="swiper-slide"><li class="sct_li', $items);</p>

<p>echo str_replace('</li>', '</li></div>', $items);</p>

<p>?></p>

<p></div></p>

<p></div></p>

<p><?php } ?></p>

<p>

슬라이드 방식을 개별로 바꿔주시면 되실듯합니다. 좋은 하루되세요!

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

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

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

로그인

전체 질문 목록