메인에 상품 슬라이드 (bxslide 오류)
</strong> <!-- jQuery library (served from Google) --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <!-- bxSlider Javascript file --> <script src="/jquery_bxslider/jquery.bxslider.min.js"></script> <!-- bxSlider CSS file --> <link href="/jquery_bxslider/jquery.bxslider.css" rel="stylesheet" /></pre> <pre> <?php $is_gallery_list = ($this->ca_id && isset($_COOKIE['ck_itemlist'.$this->ca_id.'_type'])) ? $_COOKIE['ck_itemlist'.$this->ca_id.'_type'] : ''; if(!$is_gallery_list){ $is_gallery_list = 'gallery'; } $li_width = ($is_gallery_list === 'gallery') ? intval(100 / $this->list_mod) : 100; $li_width_style = ' style="width:'.$li_width.'%;"'; $ul_sct_class = ($is_gallery_list === 'gallery') ? 'sct_10' : 'sct_10_list'; $i = 0; foreach((array) $list as $row){ if( empty($row) ) continue; $item_link_href = shop_item_url($row['it_id']); // 상품링크 $star_score = $row['it_use_avg'] ? (int) get_star($row['it_use_avg']) : ''; //사용자후기 평균별점 $is_soldout = is_soldout($row['it_id'], true); // 품절인지 체크 if ($i == 0) { if ($this->css) { echo "<ul id=\"sct_wrap\" class=\"{$this->css} swiper-wrapper \">\n"; } else { echo "<ul id=\"sct_wrap\" class=\"sct swiper-wrapper ".$ul_sct_class."\">\n"; } } if($i % $this->list_mod == 0) $li_clear = ' sct_clear'; else $li_clear = ''; echo "<li class=\"swiper-slide sct_li{$li_clear}\"$li_width_style><div class=\"li_wr is_view_type_list\">\n"; if ($this->href) { echo "<div class=\"sct_img\"><a href=\"{$item_link_href}\">\n"; } if ($this->view_it_img) { echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n"; } if ($this->href) { echo "</a>"; if ($this->view_it_icon) { // 품절 if ($is_soldout) { echo '<span class="shop_icon_soldout"><span class="soldout_txt">SOLD OUT</span></span>'; } } echo "</div>\n"; } // 사용후기 평점표시 /*if ($this->view_star && $star_score) { //echo "<div class=\"sct_star\"><span class=\"sound_only\">고객평점</span><img src=\"".G5_SHOP_URL."/img/s_star".$star_score.".png\" alt=\"별점 ".$star_score."점\" class=\"sit_star\"></div>\n"; echo "<div class=\"sct_star\"><span class=\"sound_only\">고객평점</span><img src=\"".G5_SHOP_URL."/img/s_star".$star_score.".png\" alt=\"별점 ".$star_score."점\" class=\"sit_star\"> <span class=\"sct_star_re\">(".$row['it_use_cnt'].")</span></div>\n"; }*/ if ($this->view_it_id) { echo "<div class=\"sct_id\"><".stripslashes($row['it_id'])."></div>\n"; } if ($this->href) { echo "<div class=\"main_item\"><a href=\"{$item_link_href}\" class=\"sct_a\">\n"; } if ($this->view_it_name) { echo stripslashes($row['it_name'])."\n"; } if ($this->href) { echo "</a></div>\n"; } if ($this->view_it_basic && $row['it_basic']) { //echo "<div class=\"sct_basic\">".stripslashes($row['it_basic'])."</div>\n"; } if ($this->view_it_price) { $ave = 100 - ($row['it_price']/$row['it_cust_price'])*100; echo "<div>\n"; echo display_price(get_price($row), $row['it_tel_inq'])."\n"; echo " <span style =\"color:#CACACA;\">".(int)$ave."%</span> \n"; echo "</div>\n"; } /*** KKJ: 공유버튼 히든 // 위시리스트 + 공유 버튼 시작 { echo "<div class=\"sct_op_btn\">\n"; echo "<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>\n"; if ($this->view_sns) { echo "<button type=\"button\" class=\"btn_share\"><span class=\"sound_only\">공유하기</span><i class=\"fa fa-share-alt\" aria-hidden=\"true\"></i></button>\n"; } echo "<div class=\"sct_sns_wrap\">"; if ($this->view_sns) { $sns_top = $this->img_height + 10; $sns_url = $item_link_href; $sns_title = get_text($row['it_name']).' | '.get_text($config['cf_title']); echo "<div class=\"sct_sns\">"; echo "<h3>SNS 공유</h3>"; echo get_sns_share_link('facebook', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/facebook.png'); echo get_sns_share_link('twitter', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/twitter.png'); echo get_sns_share_link('kakaotalk', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/sns_kakao.png'); echo "<button type=\"button\" class=\"sct_sns_cls\"><span class=\"sound_only\">닫기</span><i class=\"fa fa-times\" aria-hidden=\"true\"></i></button>"; echo "</div>\n"; } echo "<div class=\"sct_sns_bg\"></div>"; echo "</div>\n"; echo "</div>\n"; // } 위시리스트 + 공유 버튼 끝 echo "</div>\n"; if ($this->view_it_icon) { //echo "<div class=\"sct_icon\">".item_icon($row)."</div>\n"; } *****/ echo "</li>\n"; $i++; } if ($i > 0) echo "</ul>\n"; echo "</div>"; if($i == 0) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n"; ?></pre> <p> </p> <pre> <script> jQuery(function($){</pre> <pre> $("#sct_wrap").bxSlider({ auto: true, slideMargin: 5, speed: 500, pause: 4000, mode:'horizontal', autoControls: false, pager:false, randomStart:true, maxSlides:3, minSlides:3, controls:false, }); </script></pre> <p> </p> <p> </p> <p><strong>
이렇게 들어가 있는 상태인데 구동도 안되고 아래처럼 오류가 뜨네요ㅠㅠ
jquery.bxslider.min.js:7 Uncaught ReferenceError: jQuery is not defined
at jquery.bxslider.min.js:7:24057
bxslide.js랑 css 파일은 잘 들어가있는걸로 확인했습니다
답변 3개
댓글을 작성하려면 로그인이 필요합니다.
그렇다면 아마 jquery 충돌일 가능성도 있어요.
맨 윗줄에 jquery.min.js 스크립트 정의한 부분을 주석처리해서 다시한번 확인해 보세요.
</p>
<p><!-- jQuery library (served from Google) -->
<!--<script src="<a href="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>" target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script></a> //주석처리-->
댓글을 작성하려면 로그인이 필요합니다.
상단 경로를 이렇게 수정해 보세요.
</span></p>
<pre>
<span style="font-size:10pt;"><code><!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
이 부분을 절대 경로로
</span></p>
<pre>
<span style="font-size:10pt;"><code><!-- jQuery library (served from Google) -->
<script src="<a href="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>" target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script></a> //https정의
그 아래 각 파일의 위치도 그누 상수를 활용한 절대 경로로 수정해 보세요.
만약 js 파일이 테마폴더 하위 js폴더에 있고 css파일이 테마폴더 하위 css폴더에 있다고 가정했을 때
</p>
<p><!-- bxSlider Javascript file -->
<script src="<?php echo G5_THEME_URL; ?>/js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="<?php echo G5_THEME_URL; ?>/css/jquery.bxslider.css" rel="stylesheet" /></p>
<p><!-- 보통 파일 관리를 위해 깔끔하게 폴더별로 정리합니다 :D</p>
<p> 만약 테마하위 폴더가 아닌 그누 루트 각폴더에 넣는다면</p>
<p> <?php echo G5_JS_URL; ?></p>
<p> <?php echo G5_CSS_URL; ?></p>
<p> 이렇게 되겠죠. --></p>
<p>
이런식으로 말이죠.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인