영카트 item.form.skin 큰 이미지 슬라이드 삽입 문의

영카트 item.form.skin 큰 이미지 슬라이드 삽입 문의

QA

영카트 item.form.skin 큰 이미지 슬라이드 삽입 문의

답변 1

본문

안녕하세요

항상 많은 도움 주셔서 감사합니다.

 

제가 영카트 상세페이지 큰 이미지에 슬라이드 기능을 넣고 싶은데 아무리 해봐도 안되네요..ㅠ

 

제가 평소에 자주 사용하는 bxSlider를 쓰려고 하구요,

 

https://sir.kr/qa/299268

저와는 반대로 슬라이드 기능을 삭제하려는 이 분의 글을 참고해서 아래와 같이 코딩 했습니다.

 


<?php
add_stylesheet('<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">', 1);
add_javascript('<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>', 0);
?>
 
<script>
$(document).ready(function(){
  $('.slider').bxSlider();
});
</script>
 
<!-- 상품이미지 미리보기 시작 { -->
<div id="sit_pvi">
    <div id="sit_pvi_big">
        <ul class="slider">
            <?php
            $big_img_count = 0;
            $thumbnails = array();
            for($i=1; $i<=10; $i++) {
                if(!$it['it_img'.$i])
                    continue;
                $img = get_it_thumbnail($it['it_img'.$i], $default['de_mimg_width'], $default['de_mimg_height']);
                if($img) {
                    // 썸네일
                    $thumb = get_it_thumbnail($it['it_img'.$i], 70, 70);
                    $thumbnails[] = $thumb;
                    $big_img_count++;
                    echo '<li>
            <a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it['it_id'].'&no='.$i.'" target="_blank" class="popup_item_image">'.$img.'</a></li>
            '; } } if($big_img_count == 0) { echo '<img src="'.G5_SHOP_URL.'/img/no_image.gif" alt="">'; } ?>
        </ul>
        <a href="<?php echo g5_shop_url; ?>/largeimage.php?it_id=<?php echo $it['it_id']; ?>
        &no=1" target="_blank" id="popup_item_image" class="popup_item_image"><i class="fa fa-search-plus" aria-hidden="true"></i><span class="sound_only">확대보기</span></a>
    </div>
    <?php
            // 썸네일
            $thumb1 = true;
            $thumb_count = 0;
            $total_count = count($thumbnails);
            if($total_count >
     0) { echo '
    <ul id="sit_pvi_thumb">
        '; foreach($thumbnails as $val) { $thumb_count++; $sit_pvi_last =''; if ($thumb_count % 5 == 0) $sit_pvi_last = 'class="li_last"'; echo '
        <li '.$sit_pvi_last.'>'; echo '<a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it['it_id'].'&no='.$thumb_count.'" target="_blank" class="popup_item_image img_thumb">'.$val.'<span class="sound_only"> '.$thumb_count.'번째 이미지 새창</span></a>'; echo '</li>
        '; } echo '
    </ul>
    '; } ?>
</div>
<!-- } 상품이미지 미리보기 끝 -->

 

아예 이미지가 안나오네요...

여러 방법으로 해봐도 레이아웃 다 깨지고 기능도 되지 않아 문의드립니다..

 

도움 부탁드려요 ㅠㅠ

 

감사합니다.

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 55
© SIRSOFT
현재 페이지 제일 처음으로