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

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

QA

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

답변 4

본문



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

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

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

 

 

 

 

 

<?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 값을 하나씩 제거해보면 문제된 것을 찾을 수 있을껍니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 5
© SIRSOFT
현재 페이지 제일 처음으로