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

사용후기 메인 노출 시 채택완료

JN나비 3년 전 조회 1,254

안녕하세요. 고수님!

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

 

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

 

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

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

 

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

 

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

 

감사합니다!

</p>

<p>            <!-- 메인리뷰-->

        <?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);</p>

<p>        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;

            }</p>

<p>            $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

        }</p>

<p>        if($i > 0) {

            echo '</div>'.PHP_EOL;

            echo '</div>'.PHP_EOL;

        }

        ?>

        <!-- 메인리뷰--></p>

<p>

 

 

css

 

</p>

<p>#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}</p>

<p>#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}</p>

<p>

 

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

답변 1개

해당 페이지 주소(URL)을 올려 보세요.

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

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

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

로그인