사용후기 메인 노출 시

사용후기 메인 노출 시

QA

사용후기 메인 노출 시

본문

안녕하세요. 고수님!

다음은 메인페이지에 리뷰를 넣는 소스입니다.

 

현재는 여러개의 리뷰가 가로 한줄에 좌우로 스크롤이 되고 있는 상태입니다.

 

원하는 것은 스크롤 필요없이 PC화면 한줄에 5개씩 2줄로 스크롤 필요없이 나오는건데

아래 코드중에 owl-carousel 이걸 지웠으나 아예 화면에 나오지 않아버립니다.

 

혹시 어디를 어떻게 조정해야 될지 도움좀 부탁드립니다.

 

하단에 해당 css 도 같이 올립니다.

 

감사합니다!


            <!-- 메인리뷰-->
        <?php
        // 상품리뷰
        $sql = " select a.is_id, a.is_subject, a.is_content, a.it_id, b.it_name
                    from `{$g5['g5_shop_item_use_table']}` a join `{$g5['g5_shop_item_table']}` b on (a.it_id=b.it_id)
                    where a.is_confirm = '1'
                    order by a.is_id desc
                    limit 0,10 ";
        $result = sql_query($sql);
        for($i=0; $row=sql_fetch_array($result); $i++) {
            if($i == 0) {
                echo '<div id="idx_review" class="sct_wrap">'.PHP_EOL;
                echo '<h2><a href="'.G5_SHOP_URL.'/itemuselist.php">REVIEW</a></h2>'.PHP_EOL;
                echo '<div class="review owl-carousel">'.PHP_EOL;
            }
            $review_href = G5_SHOP_URL.'/item.php?it_id='.$row['it_id'];
        ?>
            <div class="rv_li rv_<?php echo $i;?>">
                <div class="li_wr">
                    <a href="<?php echo $review_href; ?>" class="rv_img"><?php echo get_itemuselist_thumbnail($row['it_id'], $row['is_content'], 300, 300); ?></a>
                    <div class="txt_wr">
                        <span class="rv_tit"><?php echo get_text(cut_str($row['is_subject'], 20)); ?></span>
                        <a href="<?php echo $review_href; ?>" class="rv_prd"><?php echo $row['it_name']; ?></a>
                        <p><?php echo get_text(cut_str(strip_tags($row['is_content']), 90), 1); ?></p>
                    </div>
                </div>
            </div>
        <?php
        }
        if($i > 0) {
            echo '</div>'.PHP_EOL;
            echo '</div>'.PHP_EOL;
        }
        ?>
        <!-- 메인리뷰-->

 

 

css

 


#idx_review{position:relative;}
#idx_review .review {padding:0 45px}
#idx_review .rv_li {padding-bottom:10px}
#idx_review .li_wr {border: 1px solid #e5e5e5;padding: 0;box-shadow: 0 3px 3px #fafafa;position: relative; object-fit:cover;}
#idx_review .li_wr img{width:100%;height:auto; }
#idx_review .txt_wr{padding:10px;}
#idx_review .rv_tit{display:block;font-size:1.083em}
#idx_review .rv_prd{padding:5px 0 10px;color:#ef7878;display:block;border-bottom:1px solid #eee;font-style:italic}
#idx_review p{margin-top:10px;line-height:1.5em}
#idx_review .owl-next{position:absolute;top:50%;right:0;margin-top:-18px;background:url(../img/btn_next.png) no-repeat 50%  50%;width:40px;height:40px;text-indent:-999px;overflow:hidden;opacity:0.4}
#idx_review .owl-prev{;position:absolute;top:50%;left:0;margin-top:-18px;background:url(../img/btn_prev.png) no-repeat 50% 50% ;width:40px;height:40px;text-indent:-999px;overflow:hidden;opacity:0.4}
#idx_review .owl-prev:hover,#idx_review .owl-next:hover{opacity:1}
#idx_review .owl-next,#idx_review .owl-prev {background-size:20px}
#idx_review .disabled,#sit_pvi .disabled:hover{opacity:0}

 

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
전체 43
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT