메인페이지 상품스킨 오류..
본문
질문글을 다시 올립니다.. 링크연결
http://1.234.4.14/shop_test/shop_B_001/shop/
영카트쇼핑몰을 만들려고 스킨을 조금씩 수정하면서 메인페이지를 만들고 있습니다.
상품이미지는 웹상에서 다운받은거로.. 작업을마치면 삭제를 할건데요.
css를 잘몰라서 전체적으로 소스가 엉망이고 지저분합니다.
맨위의 마우스 오버시 왼쪽에 확대이미지가 뜨는 스킨이 먹통입니다.
확대이미지도 안뜨고 마우스 오버에 전혀 반응이 없는거 같아요.
질문글을 몰렸는데 링크가 있어야 재대로 파악이 된다고 하셔서 질문을 다시올립니다.
스크립소스나, js파일에 문제가 있는건지...
스킨게시판 http://sir.kr/yc5_skin/161?page=3
main.70.skin.php 스킨을 다운받아서 작업중입니다.
2년전인 2014년에 다운받아서 설치해봤을때는 확대이미지가 잘나왔던거 같은데요.
오른쪽에 상품목록 이미지는 잘나오는데 왼쪽의 확대이미지가 위캡처이미지처럼
노이미지로 나옵니다.
2년전 파일을 계정도 올려봐도 증상이 같은게 그누보드5가 패치를 하면서 예전하고 달라져서 그런거같은데요.
main.100.skin.php와 js파의 어느부분이 안맞아서 안되는건가요?
어떻게 수정해야 제대로 작동하는지 방법좀 알려주세요.
main.100.skin.php
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/main.100.skin.css">', 0);
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/idangerous.swiper.css">', 0);
?>
<!-- 상품진열 70 시작 { -->
<?php
for ($i=1; $row=sql_fetch_array($result); $i++) {
if ($this->list_mod >= 2) { // 1줄 이미지 : 2개 이상
if ($i%$this->list_mod == 0) $sct_last = 'sct_last'; // 줄 마지막
else if ($i%$this->list_mod == 1) $sct_last = 'sct_clear'; // 줄 첫번째
else $sct_last = '';
} else { // 1줄 이미지 : 1개
$sct_last = 'sct_clear';
}
if ($i == 1) {
echo "<div class=\"view100 view100_{$this->type}\"><a href=\"#\"><img src=\"".G5_SHOP_URL."/img/no_image.gif\" alt=\"\"></a></div>
<div id=\"smt_{$this->type}\" class=\"smt_100_wrap\"><ul class=\"sct smt_100\">\n";
echo "<div class=\"sct_txt_left\">" .stripslashes($row['it_name'])."</div>\n";
echo "<div class=\"sct_basic_left\">".stripslashes($row['it_basic'])."</div>\n";
echo "<strike class=\"sct_cost strike\">".display_price($row['it_cust_price'])."</strike>\n";
echo "<div class=\"sct_cost_left\">".display_price(get_price($row), $row['it_tel_inq'])."</div>";
}
echo "<li class=\"sct_li {$sct_last}\">\n";
if ($this->href) {
echo "<div class=\"sct_img\"><a href=\"{$this->href}{$row['it_id']}\" class=\"sct_a\">\n";
}
if ($this->view_it_img) {
echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";
}
echo "</li>\n";
}
if ($i > 1) echo "</ul>\n <div id=\"smt_{$this->type}_page\" class=\"smt_100_page\"></div></div>";
if($i == 1) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
?>
<!-- } 상품진열 100 끝 -->
<script src="<?echo G5_SHOP_SKIN_URL;?>/idangerous.swiper-2.6.1.min.js"></script>
<script>
jQuery(window).load(function(){
if ($('#smt_<?php echo $this->type;?> .sct_noitem').length <= 0) {
var smt100 = new Swiper('#smt_<?php echo $this->type;?>',{
autoplay: 5000,
wrapperClass: 'smt_100',
slideElement: 'li',
slideClass: 'sct_li',
mode : 'vertical',
loopedSlides: 2,
loop: true,
paginationElementClass: 'smt_100p',
paginationActiveClass: 'smt_100a',
paginationVisibleClass: 'smt_100v',
pagination: '#smt_<?php echo $this->type;?>_page',
paginationClickable: true,
slidesPerView: 'auto',
onSwiperCreated:function(){
var hrefff=$('#smt_<?php echo $this->type;?> .swiper-slide-active .sct_img a').attr('href');
$('.view100_<?php echo $this->type;?> a').attr('href',hrefff);
var strrr = $('#smt_<?php echo $this->type;?> .swiper-slide-active .sct_img img').attr('src');
main100skin(strrr);
},
onSlideChangeEnd: function(){
var hrefff=$('#smt_<?php echo $this->type;?> .swiper-slide-active .sct_img a').attr('href');
$('.view100_<?php echo $this->type;?> a').attr('href',hrefff);
var strrr = $('#smt_<?php echo $this->type;?> .swiper-slide-active .sct_img img').attr('src');
main100skin(strrr);
}
})
}
});
function main100skin(strrr) {
var str = strrr+"";
str = str.replace(/thumb-/ig,"");
str = str.replace(/_<?php echo $this->img_width."x".$this->img_height;?>/ig,"");
$('.view100_<?php echo $this->type;?> img').attr('src',str)
}
</script>
답변 1
<script src="<?echo G5_SHOP_SKIN_URL;?>/idangerous.swiper-2.6.1.min.js"></script>
=>
<script src="<?php echo G5_SHOP_SKIN_URL;?>/idangerous.swiper-2.6.1.min.js"></script>
우선 이 것 부터 수정해야 될 것 같네요.
소스보기로 보니 해당 파일이 제대로 불러와지지 않고 있습니다.
추가로
/shop_test/shop_B_001/plugin/jquery-image-rollover/
해당 폴더의 파일을 불러오는 코드가 어디 있는 것 같은데, 해당 폴더에 파일이 제대로 없는 것 같습니다.
감사합니다. 주정해보니 확대이미지가 잘뜨네요.
마우스오버기능인줄알았는데, 아래에서 위로 자동놀링이였네요 ^^;