테스트 사이트 - 개발 중인 베타 버전입니다

품절 이미지 음영 처리 방법? 채택완료

미니시리즈 6년 전 조회 3,565

영고수님들의 도움으로 많은 공부를 하고 있습니다.

 

영카트 5에서 품절기능도 영고수님들의 고움으로 한개 한개 알아가고 있네요~

 

품절을 선택했을때~ 해당 이미지가 회색으로 또는 음영표시등으로 바뀌게 할수 있을까요?

 

진열된 이미지의 변화가 없어 품절인지도 모르는 경우가 있어서 문의 드립니다.

 

영고수님의 멋진 답변 간곡히 부탁드립니다~~~

댓글을 작성하려면 로그인이 필요합니다.

답변 7개

채택된 답변
+20 포인트
e
6년 전

상품목록에서 수정을 한다면,

/skin/shop/basic/list.10.skin.php 파일을 아래와 같이 수정하세요.

 

css 파일을 추가하시고,

<style>

.it_soldout {background:#000;}

.it_soldout img {opacity:0.5;}

</style>

 

32줄에 아래 소스 추가

    if($row['it_soldout']) $class="it_soldout"; else $class="";

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

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

미니시리즈
6년 전
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

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

<!-- 품절이미지 CSS 시작 -->
<style>
.it_soldout {background:#000;}
.it_soldout img {opacity:0.5;}
</style>
<!-- 품절이미지 CSS 끝-->

<!-- 상품진열 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";

if($row['it_soldout']) $class="it_soldout"; else $class=""; // 이미지 음영처리
// echo "<div class=\"sct_img\">\n";
echo "<div class=\"sct_img $class\">\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 "<span style=font-weight:bold;color:red;font-size:22px;>".display_price(get_price($row), $row['it_tel_inq'])."</span>\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 끝 -->
미니시리즈
6년 전
아래의 소스인데~ 음영처리가 되지를 않아요~ 잘한건지~ 좀 봐주시면 정말 감사하겠습니다.
e
eyekiss
6년 전
소스에는 이상없어 보이네요..
아마 다른 스킨일 겁니다. 확인해보세요.
저는 잘 되네요?^^;
http://eyekiss.kr/shop/list.php?ca_id=10

댓글을 작성하려면 로그인이 필요합니다.

미니시리즈

<!-- 품절이미지 CSS 시작 -->
<style>
.it_soldout {background:#000;}
.it_soldout {background-image: url("img/check.png");}
.it_soldout img {opacity:0.5;}
</style>
<!-- 품절이미지 CSS 끝-->

이렇게 넣으면 될까요?

이미지 경로는 img/check.png 입니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

e
eyekiss
6년 전
넵.. 그렇게 넣어보세요..
넣고 확인하시면 되는데.. 자꾸 질문을..^^;

댓글을 작성하려면 로그인이 필요합니다.

미니시리즈

채크 박스의 이미지를 음영으로 넣어볼까 하는데요~

https://leaverou.github.io/css3patterns/#checkerboard">https://leaverou.github.io/css3patterns/#checkerboard

요런 패턴의 음영으로 넣어보려 합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

e
eyekiss
6년 전
https://www.codingfactory.net/10590
구글에서 검색하세요..

댓글을 작성하려면 로그인이 필요합니다.

미니시리즈

음영에 패턴도 넣는것도 가능한가요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

e
eyekiss
6년 전
background-image 로 넣어야 합니다.

댓글을 작성하려면 로그인이 필요합니다.

미니시리즈

감사합니다~~

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

미니시리즈

모바일 스킨의 요부분 같은데요~

 

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

어떻게 고치면 될까요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

e
eyekiss
6년 전
그 윗부분에.. 아래 소스를 수정하세요.
if ($this->href) {
echo "<div class=\"sct_img\"><a href=\"{$this->href}{$row['it_id']}\">\n";
}

댓글을 작성하려면 로그인이 필요합니다.

미니시리즈

정말 감사합니다~ 스킨경로가 다른데 였네요~ 정말 감사합니다.

 

모바일 페이지에도 적용이 가능할까요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

e
eyekiss
6년 전
모바일 스킨에도.. 그대로 적용됩니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인