상품 분류는 정렬을 어떻게 수정을 해야하나요?

상품 분류는 정렬을 어떻게 수정을 해야하나요?

QA

상품 분류는 정렬을 어떻게 수정을 해야하나요?

본문

안녕하세요

분류상품을 가운데 정렬하려고 하는데...어디를 어떻게 건드려야 하는지 부탁드립니다.

현재 정렬이 left로 되어 있는데 center로 하려고합니다..ㅠㅠ

혹시나 해서 list.10.skin.php를 수정해보려고 하니 안되더라구요..ㅠㅠ

 

2070718145_1566312011.1736.png

 

아래는 메인 상품 정렬된 모습입니다.

2070718145_1566312118.7913.png

이 질문에 댓글 쓰기 :

답변 4

thumb-1794815956_1566379294.6551_730x380.png

<ul class="sct sct_10" style="text-align: center;">

<li class="sct_li sct_clear" style="width:230px;display: inline-block; float: none;">

 

답변 감사합니다. 근데 말씀해주신 소스를

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
?>

<!-- 상품진열 10 시작 { -->
<?php
for ($i=1; $row=sql_fetch_array($result); $i++) {
    if ($this->list_mod >= 2) { // 1줄 이미지 : 2개 이상
        if ($i%$this->list_mod == 0) $sct_last = 'sct_last'; // 줄 마지막
        else if ($i%$this->list_mod == 1) $sct_last = 'sct_clear'; // 줄 첫번째
        else $sct_last = '';
    } else { // 1줄 이미지 : 1개
        $sct_last = 'sct_clear';
    }

    if ($i == 1) {
        if ($this->css) {
            echo "<ul class=\"{$this->css}\">\n";
        } else {
            echo "<ul class=\"sct sct_10\">\n";
        }
    }

    echo "<li class=\"sct_li {$sct_last}\" style=\"width:{$this->img_width}px\">\n";

    echo "<div class=\"sct_img\">\n";

    if ($this->href) {
        echo "<a href=\"{$this->href}{$row['it_id']}\">\n";
    }

    if ($this->view_it_img) {
        echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";
    }

    if ($this->href) {
        echo "</a>\n";
    }


    if ($this->view_sns) {
        $sns_top = $this->img_height + 10;
        $sns_url  = G5_SHOP_URL.'/item.php?it_id='.$row['it_id'];
        $sns_title = get_text($row['it_name']).' | '.get_text($config['cf_title']);
        echo "<div class=\"sct_sns\">";
        echo get_sns_share_link('facebook', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/facebook.png');
        echo get_sns_share_link('twitter', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/twitter.png');
        echo get_sns_share_link('googleplus', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/gplus.png');
        echo "</div>\n";
    }

    echo "</div>\n";

    if ($this->view_it_id) {
        echo "<div class=\"sct_id\">&lt;".stripslashes($row['it_id'])."&gt;</div>\n";
    }

    if ($this->href) {
        echo "<div class=\"sct_txt\"><a href=\"{$this->href}{$row['it_id']}\">\n";
    }

    if ($this->view_it_name) {
        echo stripslashes($row['it_name'])."\n";
    }

    if ($this->href) {
        echo "</a></div>\n";
    }

    if ($this->view_it_basic && $row['it_basic']) {
        echo "<div class=\"sct_basic\">".stripslashes($row['it_basic'])."</div>\n";
    }

    if ($this->view_it_cust_price || $this->view_it_price) {

        echo "<div class=\"sct_cost\">\n";

        if ($this->view_it_cust_price && $row['it_cust_price']) {
            echo "<span class=\"sct_discount\">".display_price($row['it_cust_price'])."</span>\n";
        }

        if ($this->view_it_price) {
            echo display_price(get_price($row), $row['it_tel_inq'])."\n";
        }

        echo "</div>\n";

    }

    if ($this->view_it_icon) {
        echo "<div class=\"sct_icon\">".item_icon($row)."</div>\n";
    }


   
    echo "</li>\n";
}

if ($i > 1) echo "</ul>\n";

if($i == 1) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
?>
<!-- } 상품진열 10 끝 -->
이 위에 넣어 봤는데 그대로네요.ㅠㅠ

음..저는 가운데 정렬을할때 해당 부분에 padding 값이나 text-align:center; 이나 margin:auto; 를 하곤합니다.

상품 보여주는 ul에 (class가 sct sct_10네요) display: inline-block; 스타일을 추가하시고

상품 보여주는 li에(class 가 sct_li sct_clear 네요) 다가 display: inline-block; 스타일 추가 해주시고

해당 li의 float:left를 지워주면 가운데 정렬되네요!

말씀해주신 소스를 어디에 어떻게 넣어야 할지 모르겠습니다...php를 아예 몰라서.ㅠㅠ 자세한 설명 부탁드립니다.ㅠㅠ

음..php안에 html 소스중에 calss 명이 똑같은게 있습니다 거기에 넣어주시면되는데

일단 되는지모르겠지만 넣어드렸습니다


<?php 
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨 
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0); 
?> 

<!-- 상품진열 10 시작 { --> 
<?php 
for ($i=1; $row=sql_fetch_array($result); $i++) { 
    if ($this->list_mod >= 2) { // 1줄 이미지 : 2개 이상 
        if ($i%$this->list_mod == 0) $sct_last = 'sct_last'; // 줄 마지막 
        else if ($i%$this->list_mod == 1) $sct_last = 'sct_clear'; // 줄 첫번째 
        else $sct_last = ''; 
    } else { // 1줄 이미지 : 1개 
        $sct_last = 'sct_clear'; 
    } 

    if ($i == 1) { 
        if ($this->css) { 
            echo "<ul class=\"{$this->css}\">\n"; 
        } else { 
            echo "<ul class=\"sct sct_10\" style=\"text-align: center;\">\n"; 
        } 
    } 

    echo "<li class=\"sct_li {$sct_last}\" style=\"width:{$this->img_width}px;display: inline-block; float: none;\">\n"; 

    echo "<div class=\"sct_img\">\n"; 

    if ($this->href) { 
        echo "<a href=\"{$this->href}{$row['it_id']}\">\n"; 
    } 

    if ($this->view_it_img) { 
        echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n"; 
    } 

    if ($this->href) { 
        echo "</a>\n"; 
    } 


    if ($this->view_sns) { 
        $sns_top = $this->img_height + 10; 
        $sns_url  = G5_SHOP_URL.'/item.php?it_id='.$row['it_id']; 
        $sns_title = get_text($row['it_name']).' | '.get_text($config['cf_title']); 
        echo "<div class=\"sct_sns\">"; 
        echo get_sns_share_link('facebook', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/facebook.png'); 
        echo get_sns_share_link('twitter', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/twitter.png'); 
        echo get_sns_share_link('googleplus', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/gplus.png'); 
        echo "</div>\n"; 
    } 

    echo "</div>\n"; 

    if ($this->view_it_id) { 
        echo "<div class=\"sct_id\">&lt;".stripslashes($row['it_id'])."&gt;</div>\n"; 
    } 

    if ($this->href) { 
        echo "<div class=\"sct_txt\"><a href=\"{$this->href}{$row['it_id']}\">\n"; 
    } 

    if ($this->view_it_name) { 
        echo stripslashes($row['it_name'])."\n"; 
    } 

    if ($this->href) { 
        echo "</a></div>\n"; 
    } 

    if ($this->view_it_basic && $row['it_basic']) { 
        echo "<div class=\"sct_basic\">".stripslashes($row['it_basic'])."</div>\n"; 
    } 

    if ($this->view_it_cust_price || $this->view_it_price) { 

        echo "<div class=\"sct_cost\">\n"; 

        if ($this->view_it_cust_price && $row['it_cust_price']) { 
            echo "<span class=\"sct_discount\">".display_price($row['it_cust_price'])."</span>\n"; 
        } 

        if ($this->view_it_price) { 
            echo display_price(get_price($row), $row['it_tel_inq'])."\n"; 
        } 

        echo "</div>\n"; 

    } 

    if ($this->view_it_icon) { 
        echo "<div class=\"sct_icon\">".item_icon($row)."</div>\n"; 
    } 


    
    echo "</li>\n"; 
} 

if ($i > 1) echo "</ul>\n"; 

if($i == 1) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n"; 
?> 
<!-- } 상품진열 10 끝 --> 

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

회원로그인

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