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

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

QA

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

답변 4

본문

안녕하세요

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

현재 정렬이 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 끝 --> 

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