firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

G5-67 상품 목록 갤러리 스킨 복구, 리스트 스킨에서 사진 클릭 되도록 수정

Browse Source
This commit is contained in:
seeoya
2022-04-07 14:28:50 +09:00
parent 7ab46223b5
commit 3999b86f9f
5 changed files with 119 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
skin/shop/basic/list.10.skin.php
View File

@ -149,7 +149,7 @@ foreach((array) $list as $row){
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 끝 -->
@ -160,7 +160,7 @@ $(function (){
$(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
skin/shop/basic/list.30.skin.php
View File

@ -36,9 +36,9 @@ foreach((array) $list as $row){
$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";
@ -83,7 +83,7 @@ foreach((array) $list as $row){
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) {
@ -114,4 +114,16 @@ if ($i >= 1) echo "</ul>\n";
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>

168
skin/shop/basic/list.40.skin.php
View File

@ -9,22 +9,27 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">',
<!-- 상품진열 40 시작 { -->
<?php
$i=0;
$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); // 품절인지 체크
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 = array();
$classes[] = 'col-row-'.$list_mod;
if( $i && ($i % $list_mod == 0) ){
$classes[] = 'row-clear';
}
$i++; // 변수 i 를 증가
if ($i == 1) {
if ($this->css) {
@ -32,20 +37,13 @@ foreach((array) $list as $row){
} 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) {
@ -53,19 +51,38 @@ foreach((array) $list as $row){
}
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) {
@ -75,63 +92,74 @@ foreach((array) $list as $row){
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>\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=\"\">
<button type=\"button\" class=\"\" data-it_id=\"{$row['it_id']}\"><i class=\"fa fa-shopping-cart\" aria-hidden=\"true\"></i> 장바구니</button>\n";
echo "</div>";
if ($this->view_it_icon) {
echo "<div class=\"sit_icon_li\">".item_icon($row)."</div>\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
skin/shop/basic/style.css
View File

@ -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}

2
theme/basic/skin/shop/basic/style.css
View File

@ -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}