사용후기 메인 노출 시
본문
안녕하세요. 고수님!
다음은 메인페이지에 리뷰를 넣는 소스입니다.
현재는 여러개의 리뷰가 가로 한줄에 좌우로 스크롤이 되고 있는 상태입니다.
원하는 것은 스크롤 필요없이 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}
답변을 작성하시기 전에 로그인 해주세요.
