테마 사용중인데요 최근게시물만 넣으면 레이아웃이 깨져버리네요.
본문
영카트 테마사용중인데요.
최근게시물이 없어서 제가 추가하려고 하는데
최근게시물 소스만 넣으면 레이아웃이 깨져버리네요.
<?php
include_once('./_common.php');
if (G5_IS_MOBILE) {
include_once(G5_THEME_MSHOP_PATH.'/index.php');
return;
}
define("_INDEX_", TRUE);
include_once(G5_THEME_SHOP_PATH.'/shop.head.php');
?>
<div id="gnb_bnner">
<?php include_once(G5_SHOP_SKIN_PATH.'/boxcategory.skin.php'); // 상품분류 ?>
<!-- 메인이미지 시작 { -->
<?php echo display_banner('메인', 'mainbanner.10.skin.php'); ?>
<!-- } 메인이미지 끝 -->
</div>
<!--여기서부터 내가 추가한 소스 시작-->
<div style="overflow:hidden; background:blue; margin-top:10px; height:210px;">
<div style="float:left; width:250px; background:#f7f7f7;">
<?php echo latest('theme/shop_basic', 'notice', 5, 30); ?>
</div>
<div style=" overflow:hidden; float:right; width:745px; margin:0 0 0 5px;">
<ul style="margin:0; padding:0; float:left;">
<li><a href="">9시 이전 오늘</a></li>
<li><a href="">단체주문</a></li>
</ul>
<ul style="margin:0; padding:0; float:left;">
<li><a href="">회원가입</a></li>
<li><a href="">질문</a></li>
</ul>
<ul style="margin:0; padding:0; float:left;">
<li><a href="">카카오톡</a></li>
<li><a href="">구매후기</a></li>
</ul>
</div>
</div>
<!--여기까지가 내가 추가한 소스 끝-->
<?php include_once(G5_SHOP_SKIN_PATH.'/boxevent.skin.php'); // 이벤트 ?>
<?php
if($default['de_type4_list_use']) {
$save_file = G5_DATA_PATH.'/cache/theme/redshop/mainbestcategory.php';
if(is_file($save_file))
include($save_file);
$cnt = 0;
$first_ca_id = '';
if(!empty($mainbestcategory)) {
foreach($mainbestcategory as $val) {
$sql = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where ca_id = '$val' and ca_use = '1' ";
$row = sql_fetch($sql);
if(!$row['ca_id'])
continue;
$tab_class = '';
$tab_selected = '';
if($cnt == 0) {
echo '<section id="cate_best">'.PHP_EOL;
echo '<header>'.PHP_EOL;
echo '<h2>카테고리별 <span>인기상품</span></h2>'.PHP_EOL;
echo '</header>'.PHP_EOL;
echo '<div class="tab">'.PHP_EOL;
echo '<ul>'.PHP_EOL;
$tab_class = ' class="tab-1"';
$tab_selected = ' tab_selected';
$first_ca_id = $val;
}
?>
<li<?php echo $tab_class; ?>><button type="button" data-ca_id="<?php echo $val; ?>" class="category_best<?php echo $tab_selected; ?>"><?php echo get_text($row['ca_name']); ?></button></li>
<?php
$cnt++;
}
if($cnt > 0) {
echo '</ul>'.PHP_EOL;
echo '</div>'.PHP_EOL;
$_GET['ca_id'] = $first_ca_id;
echo '<div id="cate_best_item">'.PHP_EOL;
include_once(G5_THEME_SHOP_PATH.'/ajax.mainbestitem.php');
echo '</div>'.PHP_EOL;
echo '</section>'.PHP_EOL;
}
}
?>
<script>
$(function() {
$(".category_best").on("click", function() {
var $this = $(this);
if($this.hasClass("tab_selected"))
return false;
var ca_id = $this.data("ca_id");
$.ajax({
type: "GET",
url: g5_theme_shop_url+"/ajax.mainbestitem.php",
data: { ca_id: ca_id },
async: true,
cache: false,
success: function(data) {
$("#cate_best_item").html(data);
$(".category_best").removeClass("tab_selected");
$this.addClass("tab_selected");
}
});
});
});
</script>
<?php
}
?>
<?php if($default['de_type3_list_use']) { ?>
<!-- 최신상품 시작 { -->
<section class="sct_wrap">
<header>
<h2><a href="<?php echo G5_SHOP_URL; ?>/listtype.php?type=3">최신상품</a></h2>
</header>
<?php
$list = new item_list();
$list->set_type(3);
$list->set_view('it_id', false);
$list->set_view('it_name', true);
$list->set_view('it_basic', false);
$list->set_view('it_cust_price', true);
$list->set_view('it_price', true);
$list->set_view('it_icon', true);
$list->set_view('sns', true);
echo $list->run();
?>
</section>
<!-- } 최신상품 끝 -->
<?php } ?>
<?php
include_once(G5_THEME_SHOP_PATH.'/shop.tail.php');
?>
<최근게시물 소스 넣기 전>
<최근게시물 소스 삽입 후>
어제 밤새 해결하려 게시판 다 뒤져보고 아는 지식 다 동원해도 어떻게 해야 할지 모르겠네요.
css가 꼬이는것 같기도 하고...
답변 4
해당 테마를 보니 shop/shop.head.php 파일에
include_once(G5_LIB_PATH.'/latest.lib.php');
최신글 사용시 필수적으로 있어야 할 윗부분이 빠져 있네요.
include_once(G5_THEME_PATH.'/head.sub.php');
해당 파일 상단 부분 여기 아래에 추가하세요.
include_once(G5_LIB_PATH.'/latest.lib.php');
당연히 깨지죠. float:left 이후에 해당 float 를 리셋해주는게 없으니까요.
float 을 사용하면 하단에 <div style="clear:both;"></div>를 사용해서
float 을 종료해줘야 합니다.
</div>
<div style="clear:both;"></div>
<!--여기까지가 내가 추가한 소스 끝-->
요로케 해보세요.
덧붙이자면 이렇게 사용하시면됩니다.
[일반div]
[float:left][float:left]
[clear:both]
[float:left][float:left][float:left][float:left]
[clear:both]
[일반div]
최근게시글에 포함된 css 가 작동하지는 않는지 살펴보세요.
최신게시글의 class 또는 id 값을 하나씩 제거해보면 문제된 것을 찾을 수 있을껍니다.