테마 사용중인데요 최근게시물만 넣으면 레이아웃이 깨져버리네요.

테마 사용중인데요 최근게시물만 넣으면 레이아웃이 깨져버리네요.

QA

테마 사용중인데요 최근게시물만 넣으면 레이아웃이 깨져버리네요.

본문



영카트 테마사용중인데요.

최근게시물이 없어서 제가 추가하려고 하는데

최근게시물 소스만 넣으면 레이아웃이 깨져버리네요.

 

 

 

 

 

<?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');
?>

 

 

<최근게시물 소스 넣기 전>

d5d1c27e9c8d4b4f57ab9b4c473b31e0_1496368222_5755.jpg

<최근게시물 소스 삽입 후>

d5d1c27e9c8d4b4f57ab9b4c473b31e0_1496368481_6157.jpg

어제 밤새 해결하려 게시판 다 뒤져보고 아는 지식 다 동원해도 어떻게 해야 할지 모르겠네요.

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 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 echo latest('theme/shop_basic', 'notice', 5, 30); ?>

부분만 빼면 아무 문제 없거든요.--;
(레이아웃 안 틀어져요)
말씀하신 대로 해봐도 안되는거 확인했구요.
어찌됐든 성의 있는 답변 감사드립니다.

최근게시글에 포함된 css 가 작동하지는 않는지 살펴보세요.

최신게시글의  class 또는 id 값을 하나씩 제거해보면 문제된 것을 찾을 수 있을껍니다.

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

회원로그인

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