Skip to content

Commit

Permalink
G5-67 상품 목록 갤러리 스킨 복구, 리스트 스킨에서 사진 클릭 되도록 수정
Browse files Browse the repository at this point in the history
  • Loading branch information
@seeoya
seeoya committed Apr 7, 2022
1 parent 7ab4622 commit 3999b86
Show file tree
Hide file tree
Showing 5 changed files with 118 additions and 78 deletions.
4 changes: 2 additions & 2 deletions skin/shop/basic/list.10.skin.php
View file
Expand Up @@ -149,7 +149,7 @@

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

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

Expand All @@ -160,7 +160,7 @@
$(this).parent("div").children(".sct_sns_wrap").show();
});
$('.sct_sns_bg, .sct_sns_cls').click(function(){
$('.sct_sns_wrap').hide();
$('.sct_sns_wrap').hide();
});
});
</script>
22 changes: 17 additions & 5 deletions skin/shop/basic/list.30.skin.php
View file
Expand Up @@ -36,9 +36,9 @@
$list_right_pad = 10;
$list_bottom_pad = 20;
$list_left_pad = $this->img_width + 10;
$list_real_width = 360;
$list_width = $list_real_width - $list_right_pad - $list_left_pad;
$list_height = $this->img_height - $list_top_pad - $list_bottom_pad;
$list_real_width = 389;
$list_width = $list_real_width;
$list_height = $this->img_height;

echo "<li class=\"sct_li{$sct_last}\" data-css=\"nocss\" style=\"padding:{$list_top_pad}px {$list_right_pad}px {$list_bottom_pad}px {$list_left_pad}px;width:{$list_width}px;height:{$list_height}px\">\n";

Expand Down Expand Up @@ -83,7 +83,7 @@
echo "<div class=\"sct_cost\">\n";

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

if ($this->view_it_price) {
Expand Down Expand Up @@ -114,4 +114,16 @@

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

<script>
//SNS 공유
$(function (){
$(".btn_share").on("click", function() {
$(this).parent("div").children(".sct_sns_wrap").show();
});
$('.sct_sns_bg, .sct_sns_cls').click(function(){
$('.sct_sns_wrap').hide();
});
});
</script>
166 changes: 97 additions & 69 deletions skin/shop/basic/list.40.skin.php
View file
Expand Up @@ -9,63 +9,80 @@

<!-- 상품진열 40 시작 { -->
<?php
$i=0;
foreach((array) $list as $row){
$i = 0;

$this->view_star = (method_exists($this, 'view_star')) ? $this->view_star : true;

foreach((array) $list as $row){
if( empty($row) ) continue;
$i++;

$item_link_href = shop_item_url($row['it_id']);
$star_score = $row['it_use_avg'] ? (int) get_star($row['it_use_avg']) : '';
$item_link_href = shop_item_url($row['it_id']); // 상품링크
$star_score = $row['it_use_avg'] ? (int) get_star($row['it_use_avg']) : ''; //사용자후기 평균별점
$list_mod = $this->list_mod; // 분류관리에서 1줄당 이미지 수 값 또는 파일에서 지정한 가로 수
$is_soldout = is_soldout($row['it_id'], true); // 품절인지 체크

$classes = array();

if ($list_mod >= 2) { // 1줄 이미지 : 2개 이상
if ($i%$list_mod == 0) $sct_last = ' sct_last'; // 줄 마지막
else if ($i%$list_mod == 1) $sct_last = ' sct_clear'; // 줄 첫번째
else $sct_last = '';
} else { // 1줄 이미지 : 1개
$sct_last = ' sct_clear';
$classes[] = 'col-row-'.$list_mod;

if( $i && ($i % $list_mod == 0) ){
$classes[] = 'row-clear';
}

$i++; // 변수 i 를 증가

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

//$list_top_pad = 20;
//$list_right_pad = 10;
//$list_bottom_pad = 20;
//$list_left_pad = $this->img_width + 10;
//$list_real_width = 740;
//$list_width = $list_real_width - $list_right_pad - $list_left_pad;
//$list_height = $this->img_height - $list_top_pad - $list_bottom_pad;
}

echo "<li class=\"sct_li{$sct_last}\" data-css=\"nocss\">\n";
echo "<div class=\"sct_img\">\n";

if ($this->href) {
echo "<div class=\"sct_img\"><a href=\"{$item_link_href}\" class=\"sct_a\">\n";
echo "<a href=\"{$item_link_href}\">\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></div>\n";
echo "</a>\n";
}

if ( !$is_soldout ){ // 품절 상태가 아니면 출력합니다.
echo "<div class=\"sct_btn list-10-btn\">
<button type=\"button\" class=\"btn_cart sct_cart\" data-it_id=\"{$row['it_id']}\"><i class=\"fa fa-shopping-cart\" aria-hidden=\"true\"></i> 장바구니</button>\n";
echo "</div>\n";
}

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

if ($this->view_it_icon) {
// 품절
if ($is_soldout) {
echo '<span class="shop_icon_soldout"><span class="soldout_txt">SOLD OUT</span></span>';
}
}

echo "</div>\n";

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

// 사용후기 평점표시
if ($this->view_star && $star_score) {
echo "<div class=\"sct_star\"><span class=\"sound_only\">고객평점</span><img src=\"".G5_SHOP_URL."/img/s_star".$star_score.".png\" alt=\"별점 ".$star_score."점\" class=\"sit_star\"></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=\"{$item_link_href}\" class=\"sct_a\">\n";
echo "<div class=\"sct_txt a1\"><a href=\"{$item_link_href}\">\n";
}

if ($this->view_it_name) {
Expand All @@ -75,63 +92,74 @@
if ($this->href) {
echo "</a></div>\n";
}

if ($this->view_it_basic && $row['it_basic']) {
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_bottom\">\n";

echo "<div class=\"sct_cost\">\n";
if ($this->view_it_cust_price || $this->view_it_price) {

if ($this->view_it_cust_price && $row['it_cust_price']) {
echo "<span class=\"sct_dict\">".display_price($row['it_cust_price'])."</span>\n";
echo "<div class=\"sct_cost\">\n";
if ($this->view_it_price) {
echo display_price(get_price($row), $row['it_tel_inq'])."\n";
}
if ($this->view_it_cust_price && $row['it_cust_price']) {
echo "<span class=\"sct_dict\">".display_price($row['it_cust_price'])."</span>\n";
}
echo "</div>\n";
}

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

// 위시리스트 + 공유 버튼 시작
echo "<div class=\"sct_op_btn\">\n";
echo "<button type=\"button\" class=\"btn_wish\" data-it_id=\"{$row['it_id']}\"><span class=\"sound_only\">위시리스트</span><i class=\"fa fa-heart-o\" aria-hidden=\"true\"></i></button>\n";
if ($this->view_sns) {
echo "<button type=\"button\" class=\"btn_share\"><span class=\"sound_only\">공유하기</span><i class=\"fa fa-share-alt\" aria-hidden=\"true\"></i></button>\n";
}

echo "<div class=\"sct_sns_wrap\">";
if ($this->view_sns) {
$sns_top = $this->img_height + 10;
$sns_url = $item_link_href;
$sns_title = get_text($row['it_name']).' | '.get_text($config['cf_title']);
echo "<div class=\"sct_sns\">";
echo "<h3>SNS 공유</h3>";
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 "<button type=\"button\" class=\"sct_sns_cls\"><span class=\"sound_only\">닫기</span><i class=\"fa fa-times\" aria-hidden=\"true\"></i></button>";
echo "</div>\n";
}
echo "<div class=\"sct_sns_bg\"></div>";
echo "</div></div>\n";
// 위시리스트 + 공유 버튼 끝

echo "</div>";

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

}

echo "<div class=\"\">
<button type=\"button\" class=\"\" data-it_id=\"{$row['it_id']}\"><i class=\"fa fa-shopping-cart\" aria-hidden=\"true\"></i> 장바구니</button>\n";
echo "</div>\n";

// 위시리스트 + 공유 버튼 시작
echo "<div class=\"sct_op_btn\">\n";
echo "<button type=\"button\" class=\"btn_wish\" data-it_id=\"{$row['it_id']}\"><span class=\"sound_only\">위시리스트</span><i class=\"fa fa-heart-o\" aria-hidden=\"true\"></i></button>\n";
if ($this->view_sns) {
echo "<button type=\"button\" class=\"btn_share\"><span class=\"sound_only\">공유하기</span><i class=\"fa fa-share-alt\" aria-hidden=\"true\"></i></button>\n";
}

echo "<div class=\"sct_sns_wrap\">";
if ($this->view_sns) {
$sns_top = $this->img_height + 10;
$sns_url = $item_link_href;
$sns_title = get_text($row['it_name']).' | '.get_text($config['cf_title']);
echo "<div class=\"sct_sns\">";
echo "<h3>SNS 공유</h3>";
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 "<button type=\"button\" class=\"sct_sns_cls\"><span class=\"sound_only\">닫기</span><i class=\"fa fa-times\" aria-hidden=\"true\"></i></button>";
echo "</div>\n";
}
echo "<div class=\"sct_sns_bg\"></div>";
echo "</div></div>\n";
// 위시리스트 + 공유 버튼 끝

// 관련상품
echo "<div class=\"sct_rel\">".relation_item($row['it_id'], 70, 0, 5)."</div>\n";

echo "</li>\n";
}

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

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

<script>
//SNS 공유
$(function (){
$(".btn_share").on("click", function() {
$(this).parent("div").children(".sct_sns_wrap").show();
});
$('.sct_sns_bg, .sct_sns_cls').click(function(){
$('.sct_sns_wrap').hide();
});
});
</script>
2 changes: 1 addition & 1 deletion skin/shop/basic/style.css
View file
Expand Up @@ -265,7 +265,7 @@
.sct_40 .sct_a:focus, .sct_40 .sct_a:hover {text-decoration:none}

.sct_40 .sct_img {text-align:center;float:left;margin-right:20px}
.sct_40 .sct_img a {display:block}
.sct_40 .sct_img a {display:block;position:relative;z-index: 9999;}
.sct_40 .sct_cart {position:absolute;right:0;bottom:0;border:0;width:150px;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold;z-index:99999}
.sct_40 .list-10-btn .sct_cart{z-index:1;top:40px;right:10px;bottom:initial;padding:8px 0;width:140px;border:1px solid #1c70e9;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.sct_40 .list-10-btn .sct_cart:hover {background:#2375eb}
Expand Down
2 changes: 1 addition & 1 deletion theme/basic/skin/shop/basic/style.css
View file
Expand Up @@ -266,7 +266,7 @@
.sct_40 .sct_a:focus, .sct_40 .sct_a:hover {text-decoration:none}

.sct_40 .sct_img {text-align:center;float:left;margin-right:20px}
.sct_40 .sct_img a {display:block}
.sct_40 .sct_img a {display:block;position:relative;z-index: 9999;}
.sct_40 .sct_cart {position:absolute;right:0;bottom:0;border:0;width:150px;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold;z-index:99999}
.sct_40 .list-10-btn .sct_cart{z-index:1;top:40px;right:10px;bottom:initial;padding:8px 0;width:140px;border:1px solid #1c70e9;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.sct_40 .list-10-btn .sct_cart:hover {background:#2375eb}
Expand Down

0 comments on commit 3999b86

Please sign in to comment.