리빌더 부분 추가
This commit is contained in:
48
theme/rb.basic/skin/shop/basic/boxbanner.skin.php
Normal file
48
theme/rb.basic/skin/shop/basic/boxbanner.skin.php
Normal file
@ -0,0 +1,48 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
add_javascript('<script src="'.G5_JS_URL.'/jquery.bxslider.js"></script>', 10);
|
||||
?>
|
||||
|
||||
<?php
|
||||
for ($i=0; $row=sql_fetch_array($result); $i++)
|
||||
{
|
||||
|
||||
if ($i==0) echo '<aside id="sbn_side" class="sbn"><h2>쇼핑몰 배너</h2><ul class="sb_bn">'.PHP_EOL;
|
||||
//print_r2($row);
|
||||
// 테두리 있는지
|
||||
$bn_border = ($row['bn_border']) ? ' class="sbn_border"' : '';;
|
||||
// 새창 띄우기인지
|
||||
$bn_new_win = ($row['bn_new_win']) ? ' target="_blank"' : '';
|
||||
|
||||
$bimg = G5_DATA_PATH.'/banner/'.$row['bn_id'];
|
||||
if (file_exists($bimg))
|
||||
{
|
||||
$banner = '';
|
||||
$size = getimagesize($bimg);
|
||||
echo '<li>'.PHP_EOL;
|
||||
if ($row['bn_url'][0] == '#')
|
||||
$banner .= '<a href="'.$row['bn_url'].'">';
|
||||
else if ($row['bn_url'] && $row['bn_url'] != 'http://') {
|
||||
$banner .= '<a href="'.G5_SHOP_URL.'/bannerhit.php?bn_id='.$row['bn_id'].'"'.$bn_new_win.'>';
|
||||
}
|
||||
echo $banner.'<img src="'.G5_DATA_URL.'/banner/'.$row['bn_id'].'?'.preg_replace('/[^0-9]/i', '', $row['bn_time']).'" alt="'.get_text($row['bn_alt']).'" width="'.$size[0].'" height="'.$size[1].'"'.$bn_border.'>';
|
||||
if($banner)
|
||||
echo '</a>'.PHP_EOL;
|
||||
echo '</li>'.PHP_EOL;
|
||||
}
|
||||
}
|
||||
if ($i>0) echo '</ul></aside>'.PHP_EOL;
|
||||
?>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('.sb_bn').show().bxSlider({
|
||||
speed:800,
|
||||
pager:true,
|
||||
|
||||
});
|
||||
});
|
||||
</script>
|
||||
82
theme/rb.basic/skin/shop/basic/boxcart.skin.php
Normal file
82
theme/rb.basic/skin/shop/basic/boxcart.skin.php
Normal file
@ -0,0 +1,82 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
$cart_action_url = G5_SHOP_URL.'/cartupdate.php';
|
||||
?>
|
||||
|
||||
<!-- 장바구니 간략 보기 시작 { -->
|
||||
<aside id="sbsk" class="sbsk">
|
||||
<h2 class="s_h2">장바구니 <span class="cart-count"><?php echo get_boxcart_datas_count(); ?></span></h2>
|
||||
<form name="skin_frmcartlist" id="skin_sod_bsk_list" method="post" action="<?php echo G5_SHOP_URL.'/cartupdate.php'; ?>">
|
||||
<ul>
|
||||
<?php
|
||||
$cart_datas = get_boxcart_datas(true);
|
||||
$i = 0;
|
||||
foreach($cart_datas as $row)
|
||||
{
|
||||
if( !$row['it_id'] ) continue;
|
||||
|
||||
echo '<li>';
|
||||
$it_name = get_text($row['it_name']);
|
||||
// 이미지로 할 경우
|
||||
$it_img = get_it_image($row['it_id'], 65, 65, true);
|
||||
echo '<div class="prd_img">'.$it_img.'</div>';
|
||||
echo '<div class="prd_cnt">';
|
||||
echo '<a href="'.G5_SHOP_URL.'/cart.php" class="prd_name">'.$it_name.'</a>';
|
||||
echo '<span class="prd_cost">';
|
||||
echo number_format($row['ct_price']).PHP_EOL;
|
||||
echo '</span>'.PHP_EOL;
|
||||
echo '</div>';
|
||||
echo '<button class="cart_del" type="button" data-it_id="'.$row['it_id'].'"><i class="fa fa-trash-o" aria-hidden="true"></i><span class="sound_only">삭제</span></button>'.PHP_EOL;
|
||||
echo '</li>';
|
||||
|
||||
echo '<input type="hidden" name="act" value="buy">';
|
||||
echo '<input type="hidden" name="ct_chk['.$i.']" value="1">';
|
||||
echo '<input type="hidden" name="it_id['.$i.']" value="'.$row['it_id'].'">';
|
||||
echo '<input type="hidden" name="it_name['.$i.']" value="'.$it_name.'">';
|
||||
|
||||
$i++;
|
||||
} //end foreach
|
||||
|
||||
if ($i==0)
|
||||
echo '<li class="li_empty">장바구니 상품 없음</li>'.PHP_EOL;
|
||||
?>
|
||||
</ul>
|
||||
<?php if($i){ ?><div class="btn_buy"><button type="submit" class="btn_submit">구매하기</button></div><?php } ?>
|
||||
<a href="<?php echo G5_SHOP_URL; ?>/cart.php" class="go_cart">전체보기</a>
|
||||
</form>
|
||||
</aside>
|
||||
<script>
|
||||
jQuery(function ($) {
|
||||
$("#sbsk").on("click", ".cart_del", function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var it_id = $(this).data("it_id");
|
||||
var $wrap = $(this).closest("li");
|
||||
|
||||
$.ajax({
|
||||
url: g5_theme_shop_url+"/ajax.action.php",
|
||||
type: "POST",
|
||||
data: {
|
||||
"it_id" : it_id,
|
||||
"action" : "cart_delete"
|
||||
},
|
||||
dataType: "json",
|
||||
async: true,
|
||||
cache: false,
|
||||
success: function(data, textStatus) {
|
||||
if(data.error != "") {
|
||||
alert(data.error);
|
||||
return false;
|
||||
}
|
||||
|
||||
$wrap.remove();
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- } 장바구니 간략 보기 끝 -->
|
||||
|
||||
44
theme/rb.basic/skin/shop/basic/boxcategory.skin.php
Normal file
44
theme/rb.basic/skin/shop/basic/boxcategory.skin.php
Normal file
@ -0,0 +1,44 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
|
||||
$mshop_categories = get_shop_category_array(true);
|
||||
?>
|
||||
|
||||
<!-- 쇼핑몰 카테고리 시작 { -->
|
||||
<nav id="gnb">
|
||||
<h2>쇼핑몰 카테고리</h2>
|
||||
<ul id="gnb_1dul">
|
||||
<?php
|
||||
// 1단계 분류 판매 가능한 것만
|
||||
$gnb_zindex = 999; // gnb_1dli z-index 값 설정용
|
||||
$i = 0;
|
||||
foreach($mshop_categories as $cate1) {
|
||||
if( empty($cate1) ) continue;
|
||||
|
||||
$row = $cate1['text'];
|
||||
$gnb_zindex -= 1; // html 구조에서 앞선 gnb_1dli 에 더 높은 z-index 값 부여
|
||||
// 2단계 분류 판매 가능한 것만
|
||||
$count = ((int) count($cate1)) - 1;
|
||||
?>
|
||||
<li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex; ?>">
|
||||
<a href="<?php echo $row['url']; ?>" class="gnb_1da"><?php echo $row['ca_name']; ?><?php if ($count) echo '<i class="fa fa-angle-right" aria-hidden="true"></i>'; ?></a>
|
||||
<?php
|
||||
$j=0;
|
||||
foreach($cate1 as $key=>$cate2) {
|
||||
if( empty($cate2) || $key === 'text' ) continue;
|
||||
|
||||
$row2 = $cate2['text'];
|
||||
if ($j==0) echo '<ul class="gnb_2dul" style="z-index:'.$gnb_zindex.'">';
|
||||
?>
|
||||
<li class="gnb_2dli"><a href="<?php echo $row2['url']; ?>" class="gnb_2da"><?php echo $row2['ca_name']; ?></a></li>
|
||||
<?php $j++; } //end for
|
||||
if ($j>0) echo '</ul>';
|
||||
?>
|
||||
</li>
|
||||
<?php $i++; } //end for ?>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- } 쇼핑몰 카테고리 끝 -->
|
||||
25
theme/rb.basic/skin/shop/basic/boxcommunity.skin.php
Normal file
25
theme/rb.basic/skin/shop/basic/boxcommunity.skin.php
Normal file
@ -0,0 +1,25 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 쇼핑몰 커뮤니티 시작 { -->
|
||||
<aside id="scomm">
|
||||
<h2>커뮤니티</h2>
|
||||
<ul>
|
||||
<?php
|
||||
$hsql = " select bo_table, bo_subject from {$g5['board_table']} order by gr_id, bo_table ";
|
||||
$hresult = sql_query($hsql);
|
||||
for ($i=0; $row=sql_fetch_array($hresult); $i++)
|
||||
{
|
||||
echo '<li><i class="fa fa-angle-right" aria-hidden="true"></i> <a href="'.get_pretty_url($row['bo_table']).'">'.$row['bo_subject'].'</a></li>'.PHP_EOL;
|
||||
}
|
||||
|
||||
if ($i==0)
|
||||
echo '<li id="scomm_empty">커뮤니티 준비 중</li>'.PHP_EOL;
|
||||
?>
|
||||
</ul>
|
||||
</aside>
|
||||
<!-- } 쇼핑몰 커뮤니티 끝 -->
|
||||
77
theme/rb.basic/skin/shop/basic/boxevent.skin.php
Normal file
77
theme/rb.basic/skin/shop/basic/boxevent.skin.php
Normal file
@ -0,0 +1,77 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// 이벤트 정보
|
||||
$hsql = " select ev_id, ev_subject, ev_subject_strong from {$g5['g5_shop_event_table']} where ev_use = '1' order by ev_id desc limit 3";
|
||||
$hresult = sql_query($hsql);
|
||||
|
||||
if(sql_num_rows($hresult)) {
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
<div id="sev">
|
||||
<header>
|
||||
<h2>이벤트</h2>
|
||||
</header>
|
||||
<ul>
|
||||
<?php
|
||||
for ($i=0; $row=sql_fetch_array($hresult); $i++)
|
||||
{
|
||||
echo '<li class="ev_li"><div class="ev_li_wr">';
|
||||
$href = G5_SHOP_URL.'/event.php?ev_id='.$row['ev_id'];
|
||||
|
||||
$event_img = G5_DATA_PATH.'/event/'.$row['ev_id'].'_m'; // 이벤트 이미지
|
||||
|
||||
if (file_exists($event_img)) { // 이벤트 이미지가 있다면 이미지 출력
|
||||
echo '<a href="'.$href.'" class="sev_img"><img src="'.G5_DATA_URL.'/event/'.$row['ev_id'].'_m" alt="'.$row['ev_subject'].'"></a>'.PHP_EOL;
|
||||
} else { // 없다면 텍스트 출력
|
||||
echo '<a href="'.$href.'" class="sev_text">';
|
||||
if ($row['ev_subject_strong']) echo '<strong>';
|
||||
echo $row['ev_subject'];
|
||||
if ($row['ev_subject_strong']) echo '</strong>';
|
||||
echo '</a>'.PHP_EOL;
|
||||
}
|
||||
|
||||
// 이벤트 상품
|
||||
$sql2 = " select b.*
|
||||
from `{$g5['g5_shop_event_item_table']}` a left join `{$g5['g5_shop_item_table']}` b on (a.it_id = b.it_id)
|
||||
where a.ev_id = '{$row['ev_id']}'
|
||||
order by it_id desc
|
||||
limit 0, 3 ";
|
||||
$result2 = sql_query($sql2);
|
||||
for($k=1; $row2=sql_fetch_array($result2); $k++) {
|
||||
if($k == 1) {
|
||||
echo '<ul class="ev_prd">'.PHP_EOL;
|
||||
}
|
||||
|
||||
$item_href = shop_item_url($row2['it_id']);
|
||||
|
||||
echo '<li class="ev_prd_'.$k.'">'.PHP_EOL;
|
||||
echo '<span class="ev_prd_img">'.get_it_image($row2['it_id'], 110, 110, get_text($row2['it_name'])).'</span>'.PHP_EOL;
|
||||
echo '<div class="ev_txt_wr"><a href="'.$item_href.'" class="ev_prd_tit">'.get_text(cut_str($row2['it_name'], 30)).'</a>'.PHP_EOL;
|
||||
echo '<span class="ev_prd_price">'.display_price(get_price($row2), $row2['it_tel_inq']).'</span></div>'.PHP_EOL;
|
||||
echo '</li>'.PHP_EOL;
|
||||
}
|
||||
if($k > 1) {
|
||||
echo '<li><a href="'.$href.'" class="sev_more">더보기</a></li>'.PHP_EOL;
|
||||
echo '</ul>'.PHP_EOL;
|
||||
}
|
||||
|
||||
if($k == 1) {
|
||||
echo '<ul class="ev_prd">'.PHP_EOL;
|
||||
echo '<li class="no_prd">등록된 상품이 없습니다.</li>'.PHP_EOL;
|
||||
echo '</ul>'.PHP_EOL;
|
||||
}
|
||||
//echo '<a href="'.$href.'" class="sev_more">더보기</a>'.PHP_EOL;
|
||||
echo '</div>'.PHP_EOL;
|
||||
echo '</li>'.PHP_EOL;
|
||||
|
||||
}
|
||||
|
||||
if ($i==0)
|
||||
echo '<li id="sev_empty">이벤트 없음</li>'.PHP_EOL;
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
111
theme/rb.basic/skin/shop/basic/boxtodayview.skin.php
Normal file
111
theme/rb.basic/skin/shop/basic/boxtodayview.skin.php
Normal file
@ -0,0 +1,111 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
$tv_datas = get_view_today_items(true);
|
||||
|
||||
$tv_div['top'] = 0;
|
||||
$tv_div['img_width'] = 65;
|
||||
$tv_div['img_height'] = 65;
|
||||
$tv_div['img_length'] = 10; // 한번에 보여줄 이미지 수
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 오늘 본 상품 시작 { -->
|
||||
<div id="stv">
|
||||
<h2 class="s_h2">오늘 본 상품 <span><?php echo get_view_today_items_count(); ?></span></h2>
|
||||
|
||||
<?php if ($tv_datas) { // 오늘 본 상품이 1개라도 있을 때 ?>
|
||||
<?php
|
||||
$tv_tot_count = 0;
|
||||
$k = 0;
|
||||
$i = 1;
|
||||
foreach($tv_datas as $rowx)
|
||||
{
|
||||
if(!$rowx['it_id'])
|
||||
continue;
|
||||
|
||||
$tv_it_id = $rowx['it_id'];
|
||||
|
||||
if ($tv_tot_count % $tv_div['img_length'] == 0) $k++;
|
||||
|
||||
$it_name = get_text($rowx['it_name']);
|
||||
$img = get_it_image($tv_it_id, $tv_div['img_width'], $tv_div['img_height'], $tv_it_id, '', $it_name);
|
||||
$it_price = get_price($rowx);
|
||||
$print_price = is_int($it_price) ? number_format($it_price) : $it_price;
|
||||
|
||||
if ($tv_tot_count == 0) echo '<ul id="stv_ul">'.PHP_EOL;
|
||||
echo '<li class="stv_item c'.$k.'">'.PHP_EOL;
|
||||
echo '<div class="prd_img">';
|
||||
echo $img;
|
||||
echo '</div>'.PHP_EOL;
|
||||
echo '<div class="prd_cnt">';
|
||||
echo '<span class="prd_name">';
|
||||
echo cut_str($it_name, 10, '').PHP_EOL;
|
||||
echo '</span>';
|
||||
echo '<span class="prd_cost">';
|
||||
echo $print_price.PHP_EOL;
|
||||
echo '</span>'.PHP_EOL;
|
||||
echo '</div>'.PHP_EOL;
|
||||
echo '</li>'.PHP_EOL;
|
||||
|
||||
$tv_tot_count++;
|
||||
$i++;
|
||||
}
|
||||
if ($tv_tot_count > 0) echo '</ul>'.PHP_EOL;
|
||||
?>
|
||||
<div id="stv_btn"></div>
|
||||
<span id="stv_pg"></span>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
var itemQty = <?php echo $tv_tot_count; ?>; // 총 아이템 수량
|
||||
var itemShow = <?php echo $tv_div['img_length']; ?>; // 한번에 보여줄 아이템 수량
|
||||
if (itemQty > itemShow)
|
||||
{
|
||||
$('#stv_btn').append('<button type="button" id="up"><i class="fa fa-angle-left" aria-hidden="true"></i> 이전</button><button type="button" id="down">다음 <i class="fa fa-angle-right" aria-hidden="true"></i></button>');
|
||||
}
|
||||
var Flag = 1; // 페이지
|
||||
var EOFlag = parseInt(<?php echo $i-1; ?>/itemShow); // 전체 리스트를 3(한 번에 보여줄 값)으로 나눠 페이지 최댓값을 구하고
|
||||
var itemRest = parseInt(<?php echo $i-1; ?>%itemShow); // 나머지 값을 구한 후
|
||||
if (itemRest > 0) // 나머지 값이 있다면
|
||||
{
|
||||
EOFlag++; // 페이지 최댓값을 1 증가시킨다.
|
||||
}
|
||||
$('.c'+Flag).css('display','block');
|
||||
$('#stv_pg').text(Flag+'/'+EOFlag); // 페이지 초기 출력값
|
||||
$('#up').click(function() {
|
||||
if (Flag == 1)
|
||||
{
|
||||
alert('목록의 처음입니다.');
|
||||
} else {
|
||||
Flag--;
|
||||
$('.c'+Flag).css('display','block');
|
||||
$('.c'+(Flag+1)).css('display','none');
|
||||
}
|
||||
$('#stv_pg').text(Flag+'/'+EOFlag); // 페이지 값 재설정
|
||||
})
|
||||
$('#down').click(function() {
|
||||
if (Flag == EOFlag)
|
||||
{
|
||||
alert('더 이상 목록이 없습니다.');
|
||||
} else {
|
||||
Flag++;
|
||||
$('.c'+Flag).css('display','block');
|
||||
$('.c'+(Flag-1)).css('display','none');
|
||||
}
|
||||
$('#stv_pg').text(Flag+'/'+EOFlag); // 페이지 값 재설정
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<?php } else { // 오늘 본 상품이 없을 때 ?>
|
||||
|
||||
<p class="li_empty">없음</p>
|
||||
|
||||
<?php } ?>
|
||||
</div>
|
||||
|
||||
<script src="<?php echo G5_JS_URL ?>/scroll_oldie.js"></script>
|
||||
<!-- } 오늘 본 상품 끝 -->
|
||||
42
theme/rb.basic/skin/shop/basic/boxwish.skin.php
Normal file
42
theme/rb.basic/skin/shop/basic/boxwish.skin.php
Normal file
@ -0,0 +1,42 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 위시리스트 간략 보기 시작 { -->
|
||||
<aside id="wish" class="side-wish">
|
||||
<h2 class="s_h2">위시리스트 <span><?php echo get_wishlist_datas_count(); ?></span></h2>
|
||||
<ul>
|
||||
<?php
|
||||
$wishlist_datas = get_wishlist_datas($member['mb_id'], true);
|
||||
$i = 0;
|
||||
foreach( (array) $wishlist_datas as $row )
|
||||
{
|
||||
if( !$row['it_id'] ) continue;
|
||||
|
||||
$item = get_shop_item($row['it_id'], true);
|
||||
|
||||
if( !$item['it_id'] ) continue;
|
||||
|
||||
echo '<li>';
|
||||
$it_name = get_text($item['it_name']);
|
||||
|
||||
// 이미지로 할 경우
|
||||
$it_img = get_it_image($row['it_id'], 65, 65, true);
|
||||
echo '<div class="prd_img">'.$it_img.'</div>';
|
||||
echo '<div class="prd_cnt">';
|
||||
echo '<a href="'.shop_item_url($row['it_id']).'" class="prd_name">'.$it_name.'</a>';
|
||||
echo '<div class="prd_price">'.display_price(get_price($item), $item['it_tel_inq']).'</div>';
|
||||
echo '</div>'.PHP_EOL;
|
||||
echo '</li>';
|
||||
$i++;
|
||||
} //end foreach
|
||||
|
||||
if ($i==0)
|
||||
echo '<li class="li_empty">위시리스트 없음</li>'.PHP_EOL;
|
||||
?>
|
||||
</ul>
|
||||
</aside>
|
||||
<!-- } 위시리스트 간략 보기 끝 -->
|
||||
268
theme/rb.basic/skin/shop/basic/couponzone.10.skin.php
Normal file
268
theme/rb.basic/skin/shop/basic/couponzone.10.skin.php
Normal file
@ -0,0 +1,268 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<section class="couponzone_list">
|
||||
<h2>다운로드 쿠폰</h2>
|
||||
<p>쿠폰 다운로드 후 바로 사용하실 수 있습니다.</p>
|
||||
|
||||
<?php
|
||||
$sql = " select * $sql_common and cz_type = '0' $sql_order ";
|
||||
$result = sql_query($sql);
|
||||
|
||||
$coupon = '';
|
||||
$coupon_info_class = '';
|
||||
|
||||
for($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
if(!$row['cz_file'])
|
||||
continue;
|
||||
|
||||
$img_file = G5_DATA_PATH.'/coupon/'.$row['cz_file'];
|
||||
if(!is_file($img_file))
|
||||
continue;
|
||||
|
||||
$subj = get_text($row['cz_subject']);
|
||||
|
||||
switch($row['cp_method']) {
|
||||
case '0':
|
||||
$row3 = get_shop_item($row['cp_target'], true);
|
||||
$cp_target = '개별상품할인';
|
||||
$cp_link ='<a href="'.shop_item_url($row3['it_id']).'" target="_blank">'.get_text($row3['it_name']).'</a>';
|
||||
$coupon_info_class = 'cp_2';
|
||||
break;
|
||||
case '1':
|
||||
$sql3 = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where ca_id = '{$row['cp_target']}' ";
|
||||
$row3 = sql_fetch($sql3);
|
||||
$cp_target = '카테고리할인';
|
||||
$cp_link = '<a href="'.shop_category_url($row3['ca_id']).'" target="_blank">'.get_text($row3['ca_name']).'</a>';
|
||||
$coupon_info_class = 'cp_1';
|
||||
break;
|
||||
case '2':
|
||||
$cp_link = $cp_target = '주문금액할인';
|
||||
$coupon_info_class = 'cp_3';
|
||||
break;
|
||||
case '3':
|
||||
$cp_link = $cp_target = '배송비할인';
|
||||
$coupon_info_class = 'cp_4';
|
||||
break;
|
||||
}
|
||||
|
||||
// 다운로드 쿠폰인지
|
||||
$disabled = '';
|
||||
if(is_coupon_downloaded($member['mb_id'], $row['cz_id']))
|
||||
$disabled = ' disabled';
|
||||
|
||||
// $row['cp_type'] 값이 있으면 % 이며 없으면 원 입니다.
|
||||
$print_cp_price = $row['cp_type'] ? '<b>'.$row['cp_price'].'</b> %' : '<b>'.number_format($row['cp_price']).'</b> 원';
|
||||
|
||||
$coupon .= '<li class="swiper-slide swiper-slide-list-cp1">'.PHP_EOL;
|
||||
$coupon .= '<div class="cp_inner">'.PHP_EOL;
|
||||
$coupon .= '<div class="coupon_img"><img src="'.str_replace(G5_PATH, G5_URL, $img_file).'" alt="'.$subj.'">'.PHP_EOL;
|
||||
$coupon .= '<div class="coupon_tit"><strong>'.$subj.'</strong><br><span class="cp_evt">'.$print_cp_price.'</span></div>'.PHP_EOL;
|
||||
$coupon .= '</div>'.PHP_EOL;
|
||||
$coupon .= '<div class="cp_cnt">'.PHP_EOL;
|
||||
$coupon .= '<div class="coupon_target">'.PHP_EOL;
|
||||
$coupon .= '<span class="sound_only">적용</span><button class="coupon_info_btn '.$coupon_info_class.'">'.$cp_target.' <i class="fa fa-angle-right" aria-hidden="true"></i></button>'.PHP_EOL;
|
||||
$coupon .= '<div class="coupon_info">
|
||||
<h4>'.$cp_target.'</h4>
|
||||
<ul>
|
||||
<li>적용 : '.$cp_link.'</li>';
|
||||
|
||||
if( $row['cp_minimum'] ){ // 쿠폰에 최소주문금액이 있다면
|
||||
$coupon .= '<li>최소주문금액 : <span class="cp_evt"><b>'.number_format($row['cp_minimum']).'</b>원</span></li>';
|
||||
}
|
||||
|
||||
$coupon .='</ul>
|
||||
<button class="coupon_info_cls"><i class="fa fa-times" aria-hidden="true"></i><span class="sound_only">닫기</span></button>
|
||||
</div>'.PHP_EOL;
|
||||
$coupon .= '</div>'.PHP_EOL;
|
||||
$coupon .= '<div class="coupon_date"><span class="sound_only">기한</span>다운로드 후 '.number_format($row['cz_period']).'일</div>'.PHP_EOL;
|
||||
//cp_1 카테고리할인
|
||||
//cp_2 개별상품할인
|
||||
//cp_3 주문금액할인
|
||||
//cp_4 배송비할인
|
||||
$coupon .= '</div>'.PHP_EOL;
|
||||
$coupon .= '</div>'.PHP_EOL;
|
||||
$coupon .= '<div class="coupon_btn"><button type="button" class="coupon_download btn02'.$disabled.'" data-cid="'.$row['cz_id'].'">쿠폰다운로드</button></div>'.PHP_EOL;
|
||||
$coupon .= '</li>'.PHP_EOL;
|
||||
}
|
||||
|
||||
if($coupon)
|
||||
echo '<ul><div class="swiper-container swiper-container-list-cp1"><div class="swiper-wrapper swiper-wrapper-list-cp1">'.PHP_EOL.$coupon.'</div></div></ul>'.PHP_EOL;
|
||||
else
|
||||
echo '<p class="no_coupon">사용할 수 있는 쿠폰이 없습니다.</p>';
|
||||
?>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
var swiper = new Swiper('.swiper-container-list-cp1', {
|
||||
slidesPerColumnFill: 'row',
|
||||
slidesPerView: 3, //가로갯수
|
||||
slidesPerColumn: 9999, // 세로갯수
|
||||
spaceBetween: 25, // 간격
|
||||
touchRatio: 0, // 드래그 가능여부(1, 0)
|
||||
|
||||
breakpoints: { // 반응형 처리
|
||||
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
slidesPerColumn: 9999,
|
||||
spaceBetween: 25,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 2,
|
||||
slidesPerColumn: 9999,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
10: {
|
||||
slidesPerView: 1,
|
||||
slidesPerColumn: 9999,
|
||||
spaceBetween: 20,
|
||||
}
|
||||
},
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<section class="couponzone_list" id="point_coupon">
|
||||
<h2>포인트 교환 쿠폰</h2>
|
||||
<p>보유하신 포인트를 쿠폰으로 교환하실 수 있습니다.</p>
|
||||
|
||||
<?php
|
||||
$sql = " select * $sql_common and cz_type = '1' $sql_order ";
|
||||
$result = sql_query($sql);
|
||||
|
||||
$coupon = '';
|
||||
$coupon_info_class = '';
|
||||
|
||||
for($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
if(!$row['cz_file'])
|
||||
continue;
|
||||
|
||||
$img_file = G5_DATA_PATH.'/coupon/'.$row['cz_file'];
|
||||
if(!is_file($img_file))
|
||||
continue;
|
||||
|
||||
$subj = get_text($row['cz_subject']);
|
||||
|
||||
switch($row['cp_method']) {
|
||||
case '0':
|
||||
$row3 = get_shop_item($row['cp_target'], true);
|
||||
$cp_link = '<a href="'.shop_item_url($row3['it_id']).'" target="_blank">'.get_text($row3['it_name']).'</a>';
|
||||
$cp_target = '개별상품할인';
|
||||
$coupon_info_class = 'cp_2';
|
||||
break;
|
||||
case '1':
|
||||
$sql3 = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where ca_id = '{$row['cp_target']}' ";
|
||||
$row3 = sql_fetch($sql3);
|
||||
$cp_link = '<a href="'.shop_category_url($row3['ca_id']).'" target="_blank">'.get_text($row3['ca_name']).'</a>';
|
||||
$cp_target = '카테고리할인';
|
||||
$coupon_info_class = 'cp_1';
|
||||
break;
|
||||
case '2':
|
||||
$cp_link = $cp_target = '주문금액할인';
|
||||
$coupon_info_class = 'cp_3';
|
||||
break;
|
||||
case '3':
|
||||
$cp_link = $cp_target = '배송비할인';
|
||||
$coupon_info_class = 'cp_4';
|
||||
break;
|
||||
}
|
||||
|
||||
// 다운로드 쿠폰인지
|
||||
$disabled = '';
|
||||
if(is_coupon_downloaded($member['mb_id'], $row['cz_id']))
|
||||
$disabled = ' disabled';
|
||||
|
||||
// $row['cp_type'] 값이 있으면 % 이며 없으면 원 입니다.
|
||||
$print_cp_price = $row['cp_type'] ? '<b>'.$row['cp_price'].'</b> %' : '<b>'.number_format($row['cp_price']).'</b> 원';
|
||||
|
||||
$coupon .= '<li class="swiper-slide swiper-slide-list-cp2">'.PHP_EOL;
|
||||
$coupon .= '<div class="cp_inner">'.PHP_EOL;
|
||||
$coupon .= '<div class="coupon_img"><img src="'.str_replace(G5_PATH, G5_URL, $img_file).'" alt="'.$subj.'">'.PHP_EOL;
|
||||
$coupon .= '<div class="coupon_tit"><strong>'.$subj.'</strong><br><span class="cp_evt">'.$print_cp_price.'</span></div>'.PHP_EOL;
|
||||
$coupon .= '</div>'.PHP_EOL;
|
||||
$coupon .= '<div class="cp_cnt">'.PHP_EOL;
|
||||
|
||||
$coupon .= '<div class="coupon_target">'.PHP_EOL;
|
||||
$coupon .= '<span class="sound_only">적용</span><button class="coupon_info_btn '.$coupon_info_class.'">'.$cp_target.' <i class="fa fa-angle-right" aria-hidden="true"></i></button>'.PHP_EOL;
|
||||
|
||||
$coupon .= '<div class="coupon_info">
|
||||
<h4>'.$cp_target.'</h4>
|
||||
<ul>
|
||||
<li>적용 : '.$cp_link.'</li>';
|
||||
|
||||
if( $row['cp_minimum'] ){ // 쿠폰에 최소주문금액이 있다면
|
||||
$coupon .= '<li>최소주문금액 : <span class="cp_evt"><b>'.number_format($row['cp_minimum']).'</b>원</span></li>';
|
||||
}
|
||||
|
||||
$coupon .= '</ul>
|
||||
<button class="coupon_info_cls"><i class="fa fa-times" aria-hidden="true"></i><span class="sound_only">닫기</span></button>
|
||||
</div>'.PHP_EOL;
|
||||
|
||||
$coupon .= '</div>'.PHP_EOL;
|
||||
|
||||
$coupon .= '<div class="coupon_date"><span class="sound_only">기한</span>다운로드 후 '.number_format($row['cz_period']).'일</div>'.PHP_EOL;
|
||||
$coupon .= '<div class="coupon_btn"><button type="button" class="coupon_download btn02'.$disabled.'" data-cid="'.$row['cz_id'].'">포인트 '.number_format($row['cz_point']).'점 차감</button></div>'.PHP_EOL;
|
||||
|
||||
$coupon .= '</div>'.PHP_EOL;
|
||||
$coupon .= '</div>'.PHP_EOL;
|
||||
$coupon .= '</li>'.PHP_EOL;
|
||||
}
|
||||
|
||||
if($coupon)
|
||||
echo '<ul><div class="swiper-container swiper-container-list-cp2"><div class="swiper-wrapper swiper-wrapper-list-cp2">'.PHP_EOL.$coupon.'</div></div></ul>'.PHP_EOL;
|
||||
else
|
||||
echo '<p class="no_coupon">사용할 수 있는 쿠폰이 없습니다.</p>';
|
||||
?>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
var swiper = new Swiper('.swiper-container-list-cp2', {
|
||||
slidesPerColumnFill: 'row',
|
||||
slidesPerView: 3, //가로갯수
|
||||
slidesPerColumn: 9999, // 세로갯수
|
||||
spaceBetween: 25, // 간격
|
||||
touchRatio: 0, // 드래그 가능여부(1, 0)
|
||||
|
||||
breakpoints: { // 반응형 처리
|
||||
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
slidesPerColumn: 9999,
|
||||
spaceBetween: 25,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 2,
|
||||
slidesPerColumn: 9999,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
10: {
|
||||
slidesPerView: 1,
|
||||
slidesPerColumn: 9999,
|
||||
spaceBetween: 20,
|
||||
}
|
||||
},
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(function (){
|
||||
$(".coupon_info_btn").on("click", function() {
|
||||
$(this).parent("div").children(".coupon_info").show();
|
||||
});
|
||||
$(".coupon_info_cls").on("click", function() {
|
||||
$(".coupon_info").hide();
|
||||
});
|
||||
// 쿠폰 정보창 닫기
|
||||
$(document).mouseup(function (e){
|
||||
var container = $(".coupon_info");
|
||||
if( container.has(e.target).length === 0)
|
||||
container.hide();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
BIN
theme/rb.basic/skin/shop/basic/img/btn_next.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/btn_next.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 322 B |
BIN
theme/rb.basic/skin/shop/basic/img/btn_prev.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/btn_prev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 328 B |
BIN
theme/rb.basic/skin/shop/basic/img/btn_sb_next.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/btn_sb_next.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 322 B |
BIN
theme/rb.basic/skin/shop/basic/img/btn_sb_prev.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/btn_sb_prev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 328 B |
BIN
theme/rb.basic/skin/shop/basic/img/chk.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/chk.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
theme/rb.basic/skin/shop/basic/img/facebook.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/facebook.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
theme/rb.basic/skin/shop/basic/img/gnb_bg.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/gnb_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
theme/rb.basic/skin/shop/basic/img/gplus.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/gplus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
theme/rb.basic/skin/shop/basic/img/ico_sha.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/ico_sha.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 540 B |
BIN
theme/rb.basic/skin/shop/basic/img/icon_arw_toleft.gif
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/icon_arw_toleft.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 72 B |
BIN
theme/rb.basic/skin/shop/basic/img/icon_secret.gif
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/icon_secret.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 97 B |
BIN
theme/rb.basic/skin/shop/basic/img/is_button.gif
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/is_button.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 577 B |
BIN
theme/rb.basic/skin/shop/basic/img/kakaotalk.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/kakaotalk.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
theme/rb.basic/skin/shop/basic/img/personal.jpg
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/personal.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
theme/rb.basic/skin/shop/basic/img/sbn_btn.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/sbn_btn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
theme/rb.basic/skin/shop/basic/img/sct_bg_toright.gif
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/sct_bg_toright.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
theme/rb.basic/skin/shop/basic/img/select_arrow.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/select_arrow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 160 B |
BIN
theme/rb.basic/skin/shop/basic/img/select_arrow_left.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/select_arrow_left.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
theme/rb.basic/skin/shop/basic/img/select_arrow_next.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/select_arrow_next.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 995 B |
BIN
theme/rb.basic/skin/shop/basic/img/select_arrow_prev.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/select_arrow_prev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 988 B |
BIN
theme/rb.basic/skin/shop/basic/img/select_arrow_right.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/select_arrow_right.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
theme/rb.basic/skin/shop/basic/img/sit_siblings.jpg
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/sit_siblings.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 558 B |
BIN
theme/rb.basic/skin/shop/basic/img/twitter.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/twitter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
theme/rb.basic/skin/shop/basic/img/use_reply.png
Normal file
BIN
theme/rb.basic/skin/shop/basic/img/use_reply.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
849
theme/rb.basic/skin/shop/basic/item.form.skin.php
Normal file
849
theme/rb.basic/skin/shop/basic/item.form.skin.php
Normal file
@ -0,0 +1,849 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<script src="//developers.kakao.com/sdk/js/kakao.min.js" charset="utf-8"></script>
|
||||
<script src="<?php echo G5_JS_URL; ?>/kakaolink.js" charset="utf-8"></script>
|
||||
|
||||
<?php if($it['ca_id'] == "10") { ?>
|
||||
<style>
|
||||
#sit_opt_added li:first-child .opt_count {display: none;}
|
||||
.sit_opt_added li:first-child .opt_count {display: none;}
|
||||
</style>
|
||||
<?php } ?>
|
||||
<div id="sit_ov_from">
|
||||
<form name="fitem" method="post" action="<?php echo $action_url; ?>" onsubmit="return fitem_submit(this);">
|
||||
<input type="hidden" name="it_id[]" value="<?php echo $it_id; ?>">
|
||||
<input type="hidden" name="sw_direct">
|
||||
<input type="hidden" name="url">
|
||||
<input type="hidden" name="it_partner" value="<?php echo isset($it['it_partner']) ? $it['it_partner'] : ''; ?>">
|
||||
|
||||
<div id="sit_ov_wrap">
|
||||
|
||||
|
||||
<!-- 상품 요약정보 및 구매 시작 { -->
|
||||
<section id="sit_ov" class="2017_renewal_itemform">
|
||||
|
||||
|
||||
<h2 id="sit_title"><?php echo stripslashes($it['it_name']); ?> <span class="sound_only">요약정보 및 구매</span></h2>
|
||||
<p id="sit_desc"><?php echo $it['it_basic']; ?></p>
|
||||
|
||||
<div class="rb_price_v_wrap">
|
||||
<?php if (!$it['it_use']) { // 판매가능이 아닐 경우 ?>
|
||||
<span class="pri font-B">판매중지</span>
|
||||
<?php } else if ($it['it_tel_inq']) { // 전화문의일 경우 ?>
|
||||
<span class="pri font-B0">전화문의</span>
|
||||
<?php } else { // 전화문의가 아닐 경우?>
|
||||
|
||||
<?php
|
||||
//할인율을 구함
|
||||
if($it['it_cust_price']) {
|
||||
$sale_per = ceil(((get_price($it)-$it['it_cust_price'])/$it['it_cust_price'])*100).'%';
|
||||
}
|
||||
?>
|
||||
<span class="pri font-B <?php if ($it['it_cust_price']) { ?>main_color<?php } ?>"><?php echo display_price(get_price($it)); ?></span> <?php if ($it['it_cust_price']) { ?><span class="pri_per font-B"><?php echo $sale_per ?></span> <strike><?php echo display_price($it['it_cust_price']); ?></strike><?php } ?>
|
||||
<input type="hidden" id="it_price" value="<?php echo get_price($it); ?>">
|
||||
<?php } ?>
|
||||
</div>
|
||||
|
||||
<?php if($is_orderable) { ?>
|
||||
<p id="sit_opt_info">
|
||||
상품 선택옵션 <?php echo $option_count; ?> 개, 추가옵션 <?php echo $supply_count; ?> 개
|
||||
</p>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
|
||||
<div id="sit_star_sns">
|
||||
<?php if ($star_score) { ?>
|
||||
<span class="sound_only">고객평점</span>
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star<?php echo $star_score?>.png" alt="" class="sit_star" width="100">
|
||||
<span class="sound_only">별<?php echo $star_score?>개</span>
|
||||
<?php } ?>
|
||||
|
||||
<span class="">구매후기 <?php echo $it['it_use_cnt']; ?> 개</span>
|
||||
|
||||
|
||||
<div id="sit_btn_opt">
|
||||
|
||||
<button type="button" class="btn_sns_share">
|
||||
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><title>share_2_line</title><g id="share_2_line" fill='none' fill-rule='evenodd'><path d='M24 0v24H0V0h24ZM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01-.184-.092Z'/><path fill='#09244BFF' d='M18.5 2a3.5 3.5 0 1 1-2.506 5.943L11.67 10.21c.213.555.33 1.16.33 1.79a4.99 4.99 0 0 1-.33 1.79l4.324 2.267a3.5 3.5 0 1 1-.93 1.771l-4.475-2.346a5 5 0 1 1 0-6.963l4.475-2.347A3.5 3.5 0 0 1 18.5 2Zm0 15a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM7 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm11.5-5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/></g></svg></button>
|
||||
<div class="sns_area">
|
||||
<?php echo $sns_share_links; ?>
|
||||
<?php if($config['cf_kakao_js_apikey']) { ?>
|
||||
|
||||
|
||||
<a href="javascript:Kakao_sendLink();" style="background-color:#fbe300;"><img src="<?php echo G5_THEME_URL ?>/skin/shop/basic/img/kakaotalk.png" title="카카오톡으로 공유"></a>
|
||||
<script type='text/javascript'>
|
||||
//<![CDATA[
|
||||
Kakao.init("<?php echo $config['cf_kakao_js_apikey']; ?>");
|
||||
|
||||
function Kakao_sendLink() {
|
||||
|
||||
var webUrl = location.protocol + "<?php echo '//'.$_SERVER['HTTP_HOST'].'/shop/item.php?it_id='.$it_id; ?>",
|
||||
imageUrl = $("#sit_pvi").find("img").attr("src") || $("#sit_ov_wrap").find("img").attr("src") || '';
|
||||
|
||||
Kakao.Link.sendDefault({
|
||||
objectType: 'feed',
|
||||
|
||||
content: {
|
||||
title: "<?php echo str_replace(array('%27', '"' , '\"'), '', stripslashes($it['it_name'])); ?>",
|
||||
description: "<?php echo str_replace(array('%27', '"' , '\"'), '', stripslashes($it['it_basic'])); ?>",
|
||||
imageUrl: imageUrl,
|
||||
link: {
|
||||
mobileWebUrl: webUrl,
|
||||
webUrl: webUrl
|
||||
}
|
||||
},
|
||||
|
||||
buttons: [{
|
||||
title: '상품보기',
|
||||
link: {
|
||||
mobileWebUrl: webUrl,
|
||||
webUrl: webUrl
|
||||
}
|
||||
}]
|
||||
});
|
||||
}
|
||||
//]]>
|
||||
</script>
|
||||
<?php } ?>
|
||||
<a href="javascript:void(0);" id="data-copy"><img src="<?php echo G5_THEME_URL ?>/skin/shop/basic/img/ico_sha.png" alt="공유링크 복사" width="32"></a>
|
||||
<?php
|
||||
$currents_url = G5_URL.$_SERVER['REQUEST_URI'];
|
||||
?>
|
||||
<input type="hidden" id="data-area" class="data-area" value="<?php echo $currents_url ?>">
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
|
||||
$('#data-copy').click(function() {
|
||||
$('#data-area').attr('type', 'text'); // 화면에서 hidden 처리한 input box type을 text로 일시 변환
|
||||
$('#data-area').select(); // input에 담긴 데이터를 선택
|
||||
var copy = document.execCommand('copy'); // clipboard에 데이터 복사
|
||||
$('#data-area').attr('type', 'hidden'); // input box를 다시 hidden 처리
|
||||
if (copy) {
|
||||
alert("공유 링크가 복사 되었습니다."); // 사용자 알림
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
<!--
|
||||
<a href="javascript:popup_item_recommend('<?php echo $it['it_id']; ?>');" id="sit_btn_rec"><i class="fa fa-envelope-o" aria-hidden="true"></i><span class="sound_only">추천하기</span></a>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
if(isset($pa['pa_is']) && $pa['pa_is'] == 1) {
|
||||
include_once(G5_PATH.'/rb/rb.mod/partner/partner_info.php');
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$(".btn_sns_share").click(function(){
|
||||
$(".sns_area").show();
|
||||
});
|
||||
$(document).mouseup(function (e){
|
||||
var container = $(".sns_area");
|
||||
if( container.has(e.target).length === 0)
|
||||
container.hide();
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="sit_info">
|
||||
<table class="sit_ov_tbl">
|
||||
<colgroup>
|
||||
<col class="grid_3">
|
||||
<col>
|
||||
</colgroup>
|
||||
<tbody>
|
||||
|
||||
|
||||
<?php if ($it['it_maker']) { ?>
|
||||
<tr>
|
||||
<th scope="row">제조사</th>
|
||||
<td><?php echo $it['it_maker']; ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($it['it_origin']) { ?>
|
||||
<tr>
|
||||
<th scope="row">원산지</th>
|
||||
<td><?php echo $it['it_origin']; ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($it['it_brand']) { ?>
|
||||
<tr>
|
||||
<th scope="row">브랜드</th>
|
||||
<td><?php echo $it['it_brand']; ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($it['it_model']) { ?>
|
||||
<tr>
|
||||
<th scope="row">모델</th>
|
||||
<td><?php echo $it['it_model']; ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
|
||||
<?php
|
||||
/* 재고 표시하는 경우 주석 해제
|
||||
<tr>
|
||||
<th scope="row">재고수량</th>
|
||||
<td><?php echo number_format(get_it_stock_qty($it_id)); ?> 개</td>
|
||||
</tr>
|
||||
*/
|
||||
?>
|
||||
|
||||
<?php if ($config['cf_use_point'] && $it['it_point'] > 0) { // 포인트 사용한다면 ?>
|
||||
<tr>
|
||||
<th scope="row">포인트</th>
|
||||
<td>
|
||||
<?php
|
||||
if($it['it_point_type'] == 2) {
|
||||
echo '구매금액(추가옵션 제외)의 '.$it['it_point'].'%';
|
||||
} else {
|
||||
$it_point = get_item_point($it);
|
||||
echo number_format($it_point).'P';
|
||||
}
|
||||
?>
|
||||
</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
<?php
|
||||
$ct_send_cost_label = '배송비결제';
|
||||
|
||||
if($it['it_sc_type'] == 1)
|
||||
$sc_method = '무료배송';
|
||||
else {
|
||||
if($it['it_sc_method'] == 1)
|
||||
$sc_method = '수령후 지불';
|
||||
else if($it['it_sc_method'] == 2) {
|
||||
$ct_send_cost_label = '<label for="ct_send_cost">배송비결제</label>';
|
||||
$sc_method = '<select name="ct_send_cost" id="ct_send_cost" class="select input_tiny">
|
||||
<option value="0">주문시 결제</option>
|
||||
<option value="1">수령후 지불</option>
|
||||
</select>';
|
||||
}
|
||||
else
|
||||
$sc_method = '주문시 결제';
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
<tr>
|
||||
<th>주의사항</th>
|
||||
<td>아래 안내문 및 이용약관을 꼭 확인해주세요</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<?php
|
||||
if($option_item) {
|
||||
?>
|
||||
<!-- 선택옵션 시작 { -->
|
||||
<section class="sit_option">
|
||||
<h3>선택옵션</h3>
|
||||
|
||||
<?php // 선택옵션
|
||||
echo $option_item;
|
||||
?>
|
||||
</section>
|
||||
<!-- } 선택옵션 끝 -->
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
|
||||
<?php
|
||||
if($supply_item) {
|
||||
?>
|
||||
<!-- 추가옵션 시작 { -->
|
||||
<section class="sit_option">
|
||||
<h3>추가옵션</h3>
|
||||
<?php // 추가옵션
|
||||
echo $supply_item;
|
||||
?>
|
||||
</section>
|
||||
<!-- } 추가옵션 끝 -->
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
|
||||
<?php if ($is_orderable) { ?>
|
||||
<!-- 선택된 옵션 시작 { -->
|
||||
<section id="sit_sel_option">
|
||||
<h3>선택된 옵션</h3>
|
||||
<?php
|
||||
if(!$option_item) {
|
||||
if(!$it['it_buy_min_qty'])
|
||||
$it['it_buy_min_qty'] = 1;
|
||||
?>
|
||||
<ul id="sit_opt_added">
|
||||
<li class="sit_opt_list">
|
||||
<input type="hidden" name="io_type[<?php echo $it_id; ?>][]" value="0">
|
||||
<input type="hidden" name="io_id[<?php echo $it_id; ?>][]" value="">
|
||||
<input type="hidden" name="io_value[<?php echo $it_id; ?>][]" value="<?php echo $it['it_name']; ?>">
|
||||
<input type="hidden" class="io_price" value="0">
|
||||
<input type="hidden" class="io_stock" value="<?php echo $it['it_stock_qty']; ?>">
|
||||
<div class="opt_name">
|
||||
<span class="sit_opt_subj"><?php echo $it['it_name']; ?></span>
|
||||
</div>
|
||||
<div class="opt_count">
|
||||
<label for="ct_qty_<?php echo $i; ?>" class="sound_only">수량</label>
|
||||
<button type="button" class="sit_qty_minus"><i class="fa fa-minus" aria-hidden="true"></i><span class="sound_only">감소</span></button>
|
||||
<input type="text" name="ct_qty[<?php echo $it_id; ?>][]" value="<?php echo $it['it_buy_min_qty']; ?>" id="ct_qty_<?php echo $i; ?>" class="num_input" size="5">
|
||||
<button type="button" class="sit_qty_plus"><i class="fa fa-plus" aria-hidden="true"></i><span class="sound_only">증가</span></button>
|
||||
<span class="sit_opt_prc">+0원</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<script>
|
||||
$(function() {
|
||||
price_calculate();
|
||||
});
|
||||
</script>
|
||||
<?php } ?>
|
||||
</section>
|
||||
<!-- } 선택된 옵션 끝 -->
|
||||
|
||||
<!-- 총 구매액 -->
|
||||
<div id="sit_tot_price"></div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if($is_soldout) { ?>
|
||||
<p id="sit_ov_soldout">상품의 재고가 부족하여 구매할 수 없습니다.</p>
|
||||
<?php } ?>
|
||||
|
||||
<div id="sit_ov_btn">
|
||||
<?php if ($is_orderable) { ?>
|
||||
<button type="submit" onclick="document.pressed=this.value;" value="바로구매" class="sit_btn_buy">바로구매</button>
|
||||
<?php if ((!isset($rb_item_res['res_is'])) || $rb_item_res['res_is'] != 1) { ?>
|
||||
<button type="submit" onclick="document.pressed=this.value;" value="장바구니" class="sit_btn_cart">장바구니</button>
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<?php if(!$is_orderable && $it['it_soldout'] && $it['it_stock_sms']) { ?>
|
||||
<a href="javascript:popup_stocksms('<?php echo $it['it_id']; ?>');" id="sit_btn_alm">재입고알림</a>
|
||||
<?php } ?>
|
||||
<?php if ($naverpay_button_js) { ?>
|
||||
<div class="itemform-naverpay"><?php echo $naverpay_request_js.$naverpay_button_js; ?></div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// 상품보관
|
||||
function item_wish(f, it_id)
|
||||
{
|
||||
f.url.value = "<?php echo G5_SHOP_URL; ?>/wishupdate.php?it_id="+it_id;
|
||||
f.action = "<?php echo G5_SHOP_URL; ?>/wishupdate.php";
|
||||
f.submit();
|
||||
}
|
||||
|
||||
// 추천메일
|
||||
function popup_item_recommend(it_id)
|
||||
{
|
||||
if (!g5_is_member)
|
||||
{
|
||||
if (confirm("회원만 추천하실 수 있습니다."))
|
||||
document.location.href = "<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo urlencode(shop_item_url($it_id)); ?>";
|
||||
}
|
||||
else
|
||||
{
|
||||
url = "./itemrecommend.php?it_id=" + it_id;
|
||||
opt = "scrollbars=yes,width=616,height=420,top=10,left=10";
|
||||
popup_window(url, "itemrecommend", opt);
|
||||
}
|
||||
}
|
||||
|
||||
// 재입고SMS 알림
|
||||
function popup_stocksms(it_id)
|
||||
{
|
||||
url = "<?php echo G5_SHOP_URL; ?>/itemstocksms.php?it_id=" + it_id;
|
||||
opt = "scrollbars=yes,width=616,height=420,top=10,left=10";
|
||||
popup_window(url, "itemstocksms", opt);
|
||||
}
|
||||
</script>
|
||||
</section>
|
||||
<!-- } 상품 요약정보 및 구매 끝 -->
|
||||
|
||||
<!-- 상품이미지 미리보기 시작 { -->
|
||||
<div id="sit_pvi">
|
||||
|
||||
<!-- 이미지 { -->
|
||||
<div class="swiper-container gallery-top">
|
||||
<div class="swiper-wrapper">
|
||||
<?php
|
||||
$big_img_count = 0;
|
||||
$thumbnails = array();
|
||||
$count_img = 1;
|
||||
|
||||
for($i=$count_img; $i<=10; $i++) {
|
||||
if(!$it['it_img'.$i])
|
||||
continue;
|
||||
|
||||
$img = rb_it_thumbnail($it['it_img'.$i], $default['de_mimg_width'], $default['de_mimg_height']);
|
||||
|
||||
if($img) {
|
||||
// 썸네일
|
||||
$thumb = rb_it_thumbnail($it['it_img'.$i], 150, 150);
|
||||
$thumbnails[] = $thumb;
|
||||
$big_img_count++;
|
||||
|
||||
echo '<div class="swiper-slide">'.$img.'</div>';
|
||||
//echo '<a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it['it_id'].'&no='.$i.'" target="_blank" class="popup_item_image">'.$img.'</a>';
|
||||
}
|
||||
}
|
||||
|
||||
if($big_img_count == 0) {
|
||||
echo '<img src="'.G5_SHOP_URL.'/img/no_image.gif" alt="">';
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<!-- Add Arrows -->
|
||||
<?php if($big_img_count == 0) { ?>
|
||||
<?php } else { ?>
|
||||
<div class="swiper-button-next swiper-button-next-bn swiper-button-white">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right">
|
||||
<polyline points="9 18 15 12 9 6"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="swiper-button-prev swiper-button-prev-bn swiper-button-white">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left">
|
||||
<polyline points="15 18 9 12 15 6"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<!-- } -->
|
||||
|
||||
<!-- 썸네일 { -->
|
||||
<?php
|
||||
// 썸네일
|
||||
$thumb1 = true;
|
||||
$thumb_count = 0;
|
||||
$total_count = count($thumbnails);
|
||||
if($total_count > 0) {
|
||||
echo '<div class="swiper-container gallery-thumbs"><div class="swiper-wrapper">';
|
||||
foreach($thumbnails as $val) {
|
||||
$thumb_count++;
|
||||
$sit_pvi_last ='';
|
||||
if ($thumb_count % 5 == 0) $sit_pvi_last = 'class="li_last"';
|
||||
echo '<div class="swiper-slide">'.$val.'</div>';
|
||||
|
||||
//echo '<li '.$sit_pvi_last.'>';
|
||||
//echo '<a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it['it_id'].'&no='.$thumb_count.'" target="_blank" class="popup_item_image img_thumb">'.$val.'<span class="sound_only"> '.$thumb_count.'번째 이미지 새창</span></a>';
|
||||
//echo '</li>';
|
||||
}
|
||||
echo '</div></div>';
|
||||
}
|
||||
?>
|
||||
<!-- } -->
|
||||
|
||||
<!-- Initialize Swiper -->
|
||||
<script>
|
||||
var galleryThumbs = new Swiper('.gallery-thumbs', {
|
||||
spaceBetween: 10,
|
||||
slidesPerView: 7,
|
||||
//freeMode: true,
|
||||
watchSlidesVisibility: true,
|
||||
watchSlidesProgress: true,
|
||||
|
||||
breakpoints: { // 반응형 처리
|
||||
768: {
|
||||
slidesPerView: 7,
|
||||
},
|
||||
10: {
|
||||
slidesPerView: 5,
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
var galleryTop = new Swiper('.gallery-top', {
|
||||
spaceBetween: 0,
|
||||
autoHeight: true,
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
thumbs: {
|
||||
swiper: galleryThumbs
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<style>
|
||||
.gallery-thumbs .swiper-slide-thumb-active img {
|
||||
border-color:#454545;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
<div class="cb"></div>
|
||||
|
||||
<!-- 전체평점 { -->
|
||||
<?php if ($star_score) {
|
||||
|
||||
$sql_s1 = "select COUNT(*) as score_s1 from {$g5['g5_shop_item_use_table']} where it_id = '$it_id' and is_confirm = 1 and is_score = '5' ";
|
||||
$row_s1 = sql_fetch($sql_s1);
|
||||
|
||||
$sql_s2 = "select COUNT(*) as score_s2 from {$g5['g5_shop_item_use_table']} where it_id = '$it_id' and is_confirm = 1 and is_score = '4' ";
|
||||
$row_s2 = sql_fetch($sql_s2);
|
||||
|
||||
$sql_s3 = "select COUNT(*) as score_s3 from {$g5['g5_shop_item_use_table']} where it_id = '$it_id' and is_confirm = 1 and is_score = '3' ";
|
||||
$row_s3 = sql_fetch($sql_s3);
|
||||
|
||||
$sql_s4 = "select COUNT(*) as score_s4 from {$g5['g5_shop_item_use_table']} where it_id = '$it_id' and is_confirm = 1 and is_score = '2' ";
|
||||
$row_s4 = sql_fetch($sql_s4);
|
||||
|
||||
$sql_s5 = "select COUNT(*) as score_s5 from {$g5['g5_shop_item_use_table']} where it_id = '$it_id' and is_confirm = 1 and is_score = '1' ";
|
||||
$row_s5 = sql_fetch($sql_s5);
|
||||
|
||||
$sql_all = "select COUNT(*) as score_all from {$g5['g5_shop_item_use_table']} where it_id = '$it_id' and is_confirm = 1 ";
|
||||
$row_all = sql_fetch($sql_all);
|
||||
|
||||
$p1_count = $row_s1['score_s1']/$row_all['score_all']*100;
|
||||
$p2_count = $row_s2['score_s2']/$row_all['score_all']*100;
|
||||
$p3_count = $row_s3['score_s3']/$row_all['score_all']*100;
|
||||
$p4_count = $row_s4['score_s4']/$row_all['score_all']*100;
|
||||
$p5_count = $row_s5['score_s5']/$row_all['score_all']*100;
|
||||
|
||||
$p1_mi = 100-$p1_count;
|
||||
$p2_mi = 100-$p2_count;
|
||||
$p3_mi = 100-$p3_count;
|
||||
$p4_mi = 100-$p4_count;
|
||||
$p5_mi = 100-$p5_count;
|
||||
|
||||
$star_score2 = get_star_image2($it['it_id']);
|
||||
?>
|
||||
|
||||
<script src="<?php echo G5_THEME_URL ?>/shop/apexcharts/apexcharts.js"></script>
|
||||
<link type="text/css" href="<?php echo G5_THEME_URL ?>/shop/apexcharts/apexcharts.css" rel="stylesheet">
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.0/moment.min.js"></script>
|
||||
|
||||
<style>
|
||||
.apexcharts-toolbar {display: none; !important;}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
$(function() {
|
||||
|
||||
var optionsBar = {
|
||||
chart: {
|
||||
type: 'bar',
|
||||
height: 130,
|
||||
width: '100%',
|
||||
stacked: true,
|
||||
foreColor: '#999',
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
},
|
||||
columnWidth: '62%',
|
||||
endingShape: 'rounded'
|
||||
}
|
||||
},
|
||||
colors: ["#25282B", '#ddd'],
|
||||
|
||||
series: [{
|
||||
name: "",
|
||||
data: [<?php echo number_format($p1_count) ?>, <?php echo number_format($p2_count) ?>, <?php echo number_format($p3_count) ?>, <?php echo number_format($p4_count) ?>, <?php echo number_format($p5_count) ?>],
|
||||
}, {
|
||||
name: "",
|
||||
data: [<?php echo number_format($p1_mi) ?>, <?php echo number_format($p2_mi) ?>, <?php echo number_format($p3_mi) ?>, <?php echo number_format($p4_mi) ?>, <?php echo number_format($p5_mi) ?>],
|
||||
}],
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
},
|
||||
labels: ["5점", "4점", "3점", "2점", "1점"],
|
||||
xaxis: {
|
||||
axisBorder: {
|
||||
show: false
|
||||
},
|
||||
axisTicks: {
|
||||
show: false
|
||||
},
|
||||
crosshairs: {
|
||||
show: false
|
||||
},
|
||||
labels: {
|
||||
show: true,
|
||||
style: {
|
||||
fontSize: '11px'
|
||||
}
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
xaxis: {
|
||||
lines: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
yaxis: {
|
||||
lines: {
|
||||
show: false
|
||||
},
|
||||
}
|
||||
},
|
||||
yaxis: {
|
||||
axisBorder: {
|
||||
show: false
|
||||
},
|
||||
labels: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
legend: {
|
||||
floating: false,
|
||||
position: 'bottom',
|
||||
horizontalAlign: 'left',
|
||||
offsetY: 0
|
||||
},
|
||||
states: {
|
||||
hover: {
|
||||
filter: {
|
||||
type: 'none'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
tooltip: {
|
||||
shared: false,
|
||||
intersect: false,
|
||||
y: {
|
||||
formatter: function (val) {
|
||||
return val+"%"
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
}
|
||||
|
||||
var chartBar = new ApexCharts(document.querySelector('#bar'), optionsBar);
|
||||
chartBar.render();
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="star_av_wrap">
|
||||
|
||||
<ul class="star_av_wrap_ul1">
|
||||
<li class="font-naver-H star_av_wrap_ul1_li1">구매 만족도</li>
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star<?php echo $star_score?>.png" alt="" class="sit_star" width="100">
|
||||
<li class="font-naver-EB star_av_wrap_ul1_li2 font-B"><?php echo $star_score2?></li>
|
||||
</ul>
|
||||
<ul class="star_av_wrap_ul2">
|
||||
<li class="font-naver-H star_av_wrap_ul2_li1">만족도 비율</li>
|
||||
<div id="bar"></div>
|
||||
</ul>
|
||||
<div class="cb"></div>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- } -->
|
||||
<?php } ?>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- } 상품이미지 미리보기 끝 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- 다른 상품 보기 시작 { -->
|
||||
<div id="sit_siblings">
|
||||
<?php
|
||||
if ($prev_href || $next_href) {
|
||||
echo $prev_href.$prev_title.$prev_href2;
|
||||
echo $next_href.$next_title.$next_href2;
|
||||
} else {
|
||||
echo '<span class="sound_only">이 분류에 등록된 다른 상품이 없습니다.</span>';
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<!-- } 다른 상품 보기 끝 -->
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(function(){
|
||||
// 상품이미지 첫번째 링크
|
||||
$("#sit_pvi_big a:first").addClass("visible");
|
||||
|
||||
// 상품이미지 미리보기 (썸네일에 마우스 오버시)
|
||||
$("#sit_pvi .img_thumb").bind("mouseover focus", function(){
|
||||
var idx = $("#sit_pvi .img_thumb").index($(this));
|
||||
$("#sit_pvi_big a.visible").removeClass("visible");
|
||||
$("#sit_pvi_big a:eq("+idx+")").addClass("visible");
|
||||
});
|
||||
|
||||
// 상품이미지 크게보기
|
||||
$(".popup_item_image").click(function() {
|
||||
var url = $(this).attr("href");
|
||||
var top = 10;
|
||||
var left = 10;
|
||||
var opt = 'scrollbars=yes,top='+top+',left='+left;
|
||||
popup_window(url, "largeimage", opt);
|
||||
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
function fsubmit_check(f)
|
||||
{
|
||||
// 판매가격이 0 보다 작다면
|
||||
if (document.getElementById("it_price").value < 0) {
|
||||
alert("전화로 문의해 주시면 감사하겠습니다.");
|
||||
return false;
|
||||
}
|
||||
|
||||
if($(".sit_opt_list").length < 1) {
|
||||
alert("상품의 선택옵션을 선택해 주십시오.");
|
||||
return false;
|
||||
}
|
||||
|
||||
var val, io_type, result = true;
|
||||
var sum_qty = 0;
|
||||
var min_qty = parseInt(<?php echo $it['it_buy_min_qty']; ?>);
|
||||
var max_qty = parseInt(<?php echo $it['it_buy_max_qty']; ?>);
|
||||
var $el_type = $("input[name^=io_type]");
|
||||
|
||||
$("input[name^=ct_qty]").each(function(index) {
|
||||
val = $(this).val();
|
||||
|
||||
if(val.length < 1) {
|
||||
alert("수량을 입력해 주십시오.");
|
||||
result = false;
|
||||
return false;
|
||||
}
|
||||
|
||||
if(val.replace(/[0-9]/g, "").length > 0) {
|
||||
alert("수량은 숫자로 입력해 주십시오.");
|
||||
result = false;
|
||||
return false;
|
||||
}
|
||||
|
||||
if(parseInt(val.replace(/[^0-9]/g, "")) < 1) {
|
||||
alert("수량은 1이상 입력해 주십시오.");
|
||||
result = false;
|
||||
return false;
|
||||
}
|
||||
|
||||
io_type = $el_type.eq(index).val();
|
||||
if(io_type == "0")
|
||||
sum_qty += parseInt(val);
|
||||
});
|
||||
|
||||
if(!result) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if(min_qty > 0 && sum_qty < min_qty) {
|
||||
alert("선택옵션 개수 총합 "+number_format(String(min_qty))+"개 이상 주문해 주십시오.");
|
||||
return false;
|
||||
}
|
||||
|
||||
if(max_qty > 0 && sum_qty > max_qty) {
|
||||
alert("선택옵션 개수 총합 "+number_format(String(max_qty))+"개 이하로 주문해 주십시오.");
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
// 바로구매, 장바구니 폼 전송
|
||||
function fitem_submit(f)
|
||||
{
|
||||
f.action = "<?php echo $action_url; ?>";
|
||||
f.target = "";
|
||||
|
||||
if (document.pressed == "장바구니") {
|
||||
f.sw_direct.value = 0;
|
||||
} else { // 바로구매
|
||||
f.sw_direct.value = 1;
|
||||
}
|
||||
|
||||
// 판매가격이 0 보다 작다면
|
||||
if (document.getElementById("it_price").value < 0) {
|
||||
alert("전화로 문의해 주시면 감사하겠습니다.");
|
||||
return false;
|
||||
}
|
||||
|
||||
if($(".sit_opt_list").length < 1) {
|
||||
alert("상품의 선택옵션을 선택해 주십시오.");
|
||||
return false;
|
||||
}
|
||||
|
||||
var val, io_type, result = true;
|
||||
var sum_qty = 0;
|
||||
var min_qty = parseInt(<?php echo $it['it_buy_min_qty']; ?>);
|
||||
var max_qty = parseInt(<?php echo $it['it_buy_max_qty']; ?>);
|
||||
var $el_type = $("input[name^=io_type]");
|
||||
|
||||
$("input[name^=ct_qty]").each(function(index) {
|
||||
val = $(this).val();
|
||||
|
||||
if(val.length < 1) {
|
||||
alert("수량을 입력해 주십시오.");
|
||||
result = false;
|
||||
return false;
|
||||
}
|
||||
|
||||
if(val.replace(/[0-9]/g, "").length > 0) {
|
||||
alert("수량은 숫자로 입력해 주십시오.");
|
||||
result = false;
|
||||
return false;
|
||||
}
|
||||
|
||||
if(parseInt(val.replace(/[^0-9]/g, "")) < 1) {
|
||||
alert("수량은 1이상 입력해 주십시오.");
|
||||
result = false;
|
||||
return false;
|
||||
}
|
||||
|
||||
io_type = $el_type.eq(index).val();
|
||||
if(io_type == "0")
|
||||
sum_qty += parseInt(val);
|
||||
});
|
||||
|
||||
if(!result) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if(min_qty > 0 && sum_qty < min_qty) {
|
||||
alert("선택옵션 개수 총합 "+number_format(String(min_qty))+"개 이상 주문해 주십시오.");
|
||||
return false;
|
||||
}
|
||||
|
||||
if(max_qty > 0 && sum_qty > max_qty) {
|
||||
alert("선택옵션 개수 총합 "+number_format(String(max_qty))+"개 이하로 주문해 주십시오.");
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
<?php /* 2017 리뉴얼한 테마 적용 스크립트입니다. 기존 스크립트를 오버라이드 합니다. */ ?>
|
||||
<script src="<?php echo G5_JS_URL; ?>/shop.override.js"></script>
|
||||
485
theme/rb.basic/skin/shop/basic/item.info.skin.php
Normal file
485
theme/rb.basic/skin/shop/basic/item.info.skin.php
Normal file
@ -0,0 +1,485 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
|
||||
<?php if($it['ca_id'] == "10") { ?>
|
||||
<?php
|
||||
if(isset($rb_item_res['res_is']) && $rb_item_res['res_is'] == 1) {
|
||||
if(isset($it['it_types']) && $it['it_types'] == 1) {
|
||||
include_once(G5_THEME_PATH.'/skin/shop/basic/reservation.skin.php');
|
||||
}
|
||||
}
|
||||
?>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($default['de_rel_list_use']) { ?>
|
||||
<?php
|
||||
$sql = " select count(*) as cnt from {$g5['g5_shop_item_relation_table']} a
|
||||
left join {$g5['g5_shop_item_table']} b on (a.it_id2=b.it_id)
|
||||
where a.it_id = '{$it['it_id']}' and b.it_use='1' ";
|
||||
$row = sql_fetch($sql);
|
||||
|
||||
if ($row['cnt'] > 0) { // 관련상품이 1개 이상일 때만 출력
|
||||
?>
|
||||
<!-- 관련상품 시작 { -->
|
||||
<section id="sit_rel" class="<?php if(!$default['de_mobile_rel_list_use']) { ?>pc<?php } ?>">
|
||||
<h2>관련상품</h2>
|
||||
<?php
|
||||
$rel_skin_file = $skin_dir.'/'.$default['de_rel_list_skin'];
|
||||
if(!is_file($rel_skin_file))
|
||||
$rel_skin_file = G5_SHOP_SKIN_PATH.'/'.$default['de_rel_list_skin'];
|
||||
|
||||
$sql = " select b.* from {$g5['g5_shop_item_relation_table']} a
|
||||
left join {$g5['g5_shop_item_table']} b on (a.it_id2=b.it_id)
|
||||
where a.it_id = '{$it['it_id']}' and b.it_use='1' ";
|
||||
$list = new item_list($rel_skin_file, $default['de_rel_list_mod'], 0, $default['de_rel_img_width'], $default['de_rel_img_height']);
|
||||
$list->set_query($sql);
|
||||
echo $list->run();
|
||||
?>
|
||||
</section>
|
||||
<!-- } 관련상품 끝 -->
|
||||
<?php
|
||||
} // if ($row['cnt'] > 0) 종료
|
||||
?>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
|
||||
<section id="sit_info">
|
||||
<div id="sit_tab">
|
||||
<ul class="tab_tit">
|
||||
<li><button type="button" id="btn_sit_inf" rel="#sit_inf" class="selected">상품정보</button></li>
|
||||
<li><button type="button" id="btn_sit_use" rel="#sit_use">구매후기 <span class="item_use_count"><?php echo $item_use_count; ?></span></button></li>
|
||||
<li><button type="button" id="btn_sit_qa" rel="#sit_qa">상품문의 <span class="item_qa_count"><?php echo $item_qa_count; ?></span></button></li>
|
||||
<li><button type="button" id="btn_sit_dvex" rel="#sit_dex">환불/교환</button></li>
|
||||
</ul>
|
||||
<ul class="tab_con">
|
||||
|
||||
<!-- 상품 정보 시작 { -->
|
||||
<li id="sit_inf">
|
||||
<h2 class="contents_tit"><span>상품 정보</span></h2>
|
||||
|
||||
<?php if ($it['it_explan']) { // 상품 상세설명 ?>
|
||||
<h3>상품 상세설명</h3>
|
||||
<div id="sit_inf_explan">
|
||||
<?php echo conv_content($it['it_explan'], 1); ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php
|
||||
if ($it['it_info_value']) { // 상품 정보 고시
|
||||
$info_data = unserialize(stripslashes($it['it_info_value']));
|
||||
if(is_array($info_data)) {
|
||||
$gubun = $it['it_info_gubun'];
|
||||
$info_array = $item_info[$gubun]['article'];
|
||||
?>
|
||||
<h3>상품 정보 고시</h3>
|
||||
<table id="sit_inf_open">
|
||||
<tbody>
|
||||
<?php
|
||||
foreach($info_data as $key=>$val) {
|
||||
$ii_title = $info_array[$key][0];
|
||||
$ii_value = $val;
|
||||
?>
|
||||
<tr>
|
||||
<th scope="row"><?php echo $ii_title; ?></th>
|
||||
<td><?php echo $ii_value; ?></td>
|
||||
</tr>
|
||||
<?php } //foreach?>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- 상품정보고시 end -->
|
||||
<?php
|
||||
} else {
|
||||
if($is_admin) {
|
||||
echo '<p>상품 정보 고시 정보가 올바르게 저장되지 않았습니다.<br>config.php 파일의 G5_ESCAPE_FUNCTION 설정을 addslashes 로<br>변경하신 후 관리자 > 상품정보 수정에서 상품 정보를 다시 저장해주세요. </p>';
|
||||
}
|
||||
}
|
||||
} //if
|
||||
?>
|
||||
|
||||
</li>
|
||||
<!-- 구매후기 시작 { -->
|
||||
<li id="sit_use">
|
||||
<h2>구매후기</h2>
|
||||
<div id="itemuse"><?php include_once(G5_SHOP_PATH.'/itemuse.php'); ?></div>
|
||||
</li>
|
||||
<!-- } 구매후기 끝 -->
|
||||
|
||||
<!-- 상품문의 시작 { -->
|
||||
<li id="sit_qa">
|
||||
<h2>상품문의</h2>
|
||||
<div id="itemqa"><?php include_once(G5_SHOP_PATH.'/itemqa.php'); ?></div>
|
||||
</li>
|
||||
<!-- } 상품문의 끝 -->
|
||||
|
||||
<!-- 배송/교환 시작 { -->
|
||||
<li id="sit_dex">
|
||||
<h2>배송/교환정보</h2>
|
||||
|
||||
<?php if ($default['de_baesong_content']) { // 배송정보 내용이 있다면 ?>
|
||||
<!-- 배송 시작 { -->
|
||||
<div id="sit_dvr">
|
||||
<h3>배송</h3>
|
||||
<?php echo conv_content($default['de_baesong_content'], 1); ?>
|
||||
</div>
|
||||
<!-- } 배송 끝 -->
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($default['de_change_content']) { // 교환/반품 내용이 있다면 ?>
|
||||
<!-- 교환 시작 { -->
|
||||
<div id="sit_ex" >
|
||||
<h3>교환</h3>
|
||||
<?php echo conv_content($default['de_change_content'], 1); ?>
|
||||
</div>
|
||||
<!-- } 교환 끝 -->
|
||||
<?php } ?>
|
||||
|
||||
</li>
|
||||
<!-- } 배송/교환 끝 -->
|
||||
</ul>
|
||||
</div>
|
||||
<script>
|
||||
$(function (){
|
||||
$(".tab_con>li").hide();
|
||||
$(".tab_con>li:first").show();
|
||||
$(".tab_tit li button").click(function(){
|
||||
$(".tab_tit li button").removeClass("selected");
|
||||
$(this).addClass("selected");
|
||||
$(".tab_con>li").hide();
|
||||
$($(this).attr("rel")).show();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="sit_buy_tog" id="sit_buy_tog">
|
||||
|
||||
<button type="button" class="sit_buy_tog_btn_down"><svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><title>down_line</title><g id="down_line" fill='none' fill-rule='evenodd'><path d='M24 0v24H0V0h24ZM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01-.184-.092Z'/><path fill='#09244BFF' d='M12.707 15.707a1 1 0 0 1-1.414 0L5.636 10.05A1 1 0 1 1 7.05 8.636l4.95 4.95 4.95-4.95a1 1 0 0 1 1.414 1.414l-5.657 5.657Z'/></g></svg></button>
|
||||
|
||||
<button type="button" class="sit_buy_tog_btn_up"><svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><title>up_line</title><g id="up_line" fill='none' fill-rule='evenodd'><path d='M24 0v24H0V0h24ZM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01-.184-.092Z'/><path fill='#09244BFF' d='M11.293 8.293a1 1 0 0 1 1.414 0l5.657 5.657a1 1 0 0 1-1.414 1.414L12 10.414l-4.95 4.95a1 1 0 0 1-1.414-1.414l5.657-5.657Z'/></g></svg></button>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="sit_buy" class="fix">
|
||||
|
||||
<div class="sit_buy_inner" id="sit_buy_inner">
|
||||
<?php if($option_item) { // 선택옵션이 있다면 ?>
|
||||
<!-- 선택옵션 시작 { -->
|
||||
<section class="sit_side_option">
|
||||
<h3>선택옵션</h3>
|
||||
<?php // 선택옵션
|
||||
echo str_replace(array('class="get_item_options"', 'id="it_option_', 'class="it_option"'), array('class="get_side_item_options"', 'id="it_side_option_', 'class="it_side_option"'), $option_item);
|
||||
?>
|
||||
</section>
|
||||
<!-- } 선택옵션 끝 -->
|
||||
<?php } // end if?>
|
||||
|
||||
<?php if($supply_item) { // 추가옵션이 있다면 ?>
|
||||
<!-- 추가옵션 시작 { -->
|
||||
<section class="sit_side_option">
|
||||
<h3>추가옵션</h3>
|
||||
<?php // 추가옵션
|
||||
echo str_replace(array('id="it_supply_', 'class="it_supply"'), array('id="it_side_supply_', 'class="it_side_supply"'), $supply_item);
|
||||
?>
|
||||
</section>
|
||||
<!-- } 추가옵션 끝 -->
|
||||
<?php } // end if?>
|
||||
|
||||
<?php if ($is_orderable) { ?>
|
||||
<!-- 선택된 옵션 시작 { -->
|
||||
<section class="sit_sel_option">
|
||||
<h3>선택된 옵션</h3>
|
||||
<ul class="sit_opt_added">
|
||||
<?php if( !$option_item ){ ?>
|
||||
<li>
|
||||
<div class="opt_name">
|
||||
<span class="sit_opt_subj"><?php echo $it['it_name']; ?></span>
|
||||
</div>
|
||||
<div class="opt_count">
|
||||
<label for="ct_qty_<?php echo $i; ?>" class="sound_only">수량</label>
|
||||
<button type="button" class="sit_qty_minus"><i class="fa fa-minus" aria-hidden="true"></i><span class="sound_only">감소</span></button>
|
||||
<input type="text" name="ct_copy_qty[<?php echo $it_id; ?>][]" value="<?php echo $it['it_buy_min_qty']; ?>" id="ct_qty_<?php echo $i; ?>" class="num_input" size="5">
|
||||
<button type="button" class="sit_qty_plus"><i class="fa fa-plus" aria-hidden="true"></i><span class="sound_only">증가</span></button>
|
||||
<span class="sit_opt_prc">+0원</span>
|
||||
</div>
|
||||
</li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</section>
|
||||
<!-- } 선택된 옵션 끝 -->
|
||||
|
||||
<div class="sum_section" id="sum_section">
|
||||
<div class="sit_tot_price"></div>
|
||||
|
||||
<div class="sit_order_btn">
|
||||
<?php if ((!isset($rb_item_res['res_is'])) || $rb_item_res['res_is'] != 1) { ?>
|
||||
<button type="submit" onclick="document.pressed=this.value;" value="장바구니" class="sit_btn_cart">장바구니</button>
|
||||
<?php } ?>
|
||||
<button type="submit" onclick="document.pressed=this.value;" value="바로구매" class="sit_btn_buy">바로구매</button>
|
||||
</div>
|
||||
</div>
|
||||
<?php } else { ?>
|
||||
<div class="no_data">구매할 수 없는 상품 입니다.</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if(IS_MOBILE()) { ?>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
function adjustTop() {
|
||||
var headerHeight = document.querySelector('.sum_section').getBoundingClientRect().height + 67;
|
||||
$('#sit_buy').css('padding-bottom', headerHeight + 'px');
|
||||
}
|
||||
|
||||
// 처음 로딩 시 top 값 조정
|
||||
adjustTop();
|
||||
|
||||
// 윈도우 리사이즈 시 top 값 재조정
|
||||
$(window).resize(adjustTop);
|
||||
|
||||
// sum_section의 변화를 감지하여 adjustTop 함수 호출
|
||||
var sumSection = document.querySelector('.sum_section');
|
||||
var observer = new MutationObserver(function(mutations) {
|
||||
mutations.forEach(function(mutation) {
|
||||
adjustTop();
|
||||
});
|
||||
});
|
||||
|
||||
observer.observe(sumSection, {
|
||||
attributes: true,
|
||||
childList: true,
|
||||
subtree: true,
|
||||
characterData: true
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<?php } else { ?>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
function adjustTop() {
|
||||
var headerHeight = $('#header').outerHeight(true);
|
||||
$('#sit_buy_inner').css('top', headerHeight + 'px');
|
||||
document.getElementById('sit_buy_inner').style.setProperty('top', headerHeight + 'px');
|
||||
}
|
||||
|
||||
// 처음 로딩 시 top 값 조정
|
||||
adjustTop();
|
||||
|
||||
// 윈도우 리사이즈 시 top 값 재조정
|
||||
$(window).resize(adjustTop);
|
||||
});
|
||||
</script>
|
||||
<?php } ?>
|
||||
|
||||
<script>
|
||||
|
||||
$(function() {
|
||||
// 페이지 로드 시 localStorage 값을 확인하여 초기 상태 설정
|
||||
if (localStorage.getItem('isDivOpen') === 'false') {
|
||||
// "올리기" 버튼을 표시하고, "내리기" 버튼을 숨김
|
||||
$(".sit_buy_tog_btn_down").hide();
|
||||
$(".sit_buy_tog_btn_up").show();
|
||||
// div를 내려가 있는 상태로 설정
|
||||
$(".sit_buy_tog").addClass("ch_tog_btn");
|
||||
$("#sit_buy").addClass("ch_tog_wrap");
|
||||
$("#sum_section").addClass("ch_tog_wrap2");
|
||||
$("#sit_buy_tog").addClass("ch_tog_wrap3");
|
||||
} else {
|
||||
// "내리기" 버튼을 표시하고, "올리기" 버튼을 숨김
|
||||
$(".sit_buy_tog_btn_down").show();
|
||||
$(".sit_buy_tog_btn_up").hide();
|
||||
// div를 올라가 있는 상태로 설정
|
||||
$(".sit_buy_tog").removeClass("ch_tog_btn");
|
||||
$("#sit_buy").removeClass("ch_tog_wrap");
|
||||
$("#sum_section").removeClass("ch_tog_wrap2");
|
||||
$("#sit_buy_tog").removeClass("ch_tog_wrap3");
|
||||
}
|
||||
|
||||
function toggleElements() {
|
||||
// 클릭 시 transition 속성을 추가
|
||||
$("#sit_buy, #sum_section").css("transition", "all 600ms cubic-bezier(0.86, 0, 0.07, 1)");
|
||||
$("#sit_buy_tog").css("transition", "all 600ms cubic-bezier(0.84, 0, 0.07, 1)");
|
||||
|
||||
$(".sit_buy_tog").toggleClass("ch_tog_btn");
|
||||
$("#sit_buy").toggleClass("ch_tog_wrap");
|
||||
$("#sum_section").toggleClass("ch_tog_wrap2");
|
||||
$("#sit_buy_tog").toggleClass("ch_tog_wrap3");
|
||||
$(".sit_buy_tog_btn_up, .sit_buy_tog_btn_down").toggle();
|
||||
|
||||
// 애니메이션이 끝난 후 transition 속성을 제거
|
||||
setTimeout(function() {
|
||||
$("#sit_buy, #sum_section").css("transition", "");
|
||||
$("#sit_buy_tog").css("transition", "");
|
||||
}, 600);
|
||||
|
||||
// div가 열려 있는지 닫혀 있는지 localStorage에 저장
|
||||
const isDivOpen = $(".sit_buy_tog_btn_up").is(":visible");
|
||||
localStorage.setItem('isDivOpen', !isDivOpen);
|
||||
}
|
||||
|
||||
$(".sit_buy_tog_btn_down, .sit_buy_tog_btn_up").click(toggleElements);
|
||||
});
|
||||
</script>
|
||||
|
||||
</section>
|
||||
|
||||
<script>
|
||||
jQuery(function($){
|
||||
var change_name = "ct_copy_qty";
|
||||
|
||||
$(document).on("select_it_option_change", "select.it_option", function(e, $othis) {
|
||||
var value = $othis.val(),
|
||||
change_id = $othis.attr("id").replace("it_option_", "it_side_option_");
|
||||
|
||||
if( $("#"+change_id).length ){
|
||||
$("#"+change_id).val(value).attr("selected", "selected");
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on("select_it_option_post", "select.it_option", function(e, $othis, idx, sel_count, data) {
|
||||
var value = $othis.val(),
|
||||
change_id = $othis.attr("id").replace("it_option_", "it_side_option_");
|
||||
|
||||
$("select.it_side_option").eq(idx+1).empty().html(data).attr("disabled", false);
|
||||
|
||||
// select의 옵션이 변경됐을 경우 하위 옵션 disabled
|
||||
if( (idx+1) < sel_count) {
|
||||
$("select.it_side_option:gt("+(idx+1)+")").val("").attr("disabled", true);
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on("add_sit_sel_option", "#sit_sel_option", function(e, opt) {
|
||||
|
||||
opt = opt.replace('name="ct_qty[', 'name="'+change_name+'[');
|
||||
|
||||
var $opt = $(opt);
|
||||
$opt.removeClass("sit_opt_list");
|
||||
$("input[type=hidden]", $opt).remove();
|
||||
|
||||
$(".sit_sel_option .sit_opt_added").append($opt);
|
||||
|
||||
});
|
||||
|
||||
$(document).on("price_calculate", "#sit_tot_price", function(e, total) {
|
||||
|
||||
$(".sum_section .sit_tot_price").empty().html("<span>총 금액 </span><strong>"+number_format(String(total))+"</strong> 원");
|
||||
|
||||
});
|
||||
|
||||
$(".sit_side_option").on("change", "select.it_side_option", function(e) {
|
||||
var idx = $("select.it_side_option").index($(this)),
|
||||
value = $(this).val();
|
||||
|
||||
if( value ){
|
||||
if (typeof(option_add) != "undefined"){
|
||||
option_add = true;
|
||||
}
|
||||
|
||||
$("select.it_option").eq(idx).val(value).attr("selected", "selected").trigger("change");
|
||||
}
|
||||
});
|
||||
|
||||
$(".sit_side_option").on("change", "select.it_side_supply", function(e) {
|
||||
var value = $(this).val();
|
||||
|
||||
if( value ){
|
||||
if (typeof(supply_add) != "undefined"){
|
||||
supply_add = true;
|
||||
}
|
||||
|
||||
// 현재 변경된 select.it_side_supply와 동일한 인덱스의 select.it_supply 요소 선택
|
||||
var idx = $("select.it_side_supply").index($(this));
|
||||
var targetSelect = $("select.it_supply").eq(idx);
|
||||
|
||||
// 해당 select 요소의 모든 option에서 selected 속성 제거
|
||||
targetSelect.find('option').prop("selected", false);
|
||||
|
||||
// 선택된 값에 해당하는 option에만 selected 속성 부여
|
||||
targetSelect.find('option[value="' + value + '"]').prop("selected", true);
|
||||
|
||||
// 변경 사항 반영을 위해 change 이벤트 트리거
|
||||
targetSelect.trigger("change");
|
||||
}
|
||||
});
|
||||
|
||||
$(".sit_opt_added").on("click", "button", function(e){
|
||||
e.preventDefault();
|
||||
|
||||
var $this = $(this),
|
||||
mode = $this.text(),
|
||||
$sit_sel_el = $("#sit_sel_option"),
|
||||
li_parent_index = $this.closest('li').index();
|
||||
|
||||
if( ! $sit_sel_el.length ){
|
||||
alert("el 에러");
|
||||
return false;
|
||||
}
|
||||
|
||||
switch(mode) {
|
||||
case "증가":
|
||||
$sit_sel_el.find("li").eq(li_parent_index).find(".sit_qty_plus").trigger("click");
|
||||
break;
|
||||
case "감소":
|
||||
$sit_sel_el.find("li").eq(li_parent_index).find(".sit_qty_minus").trigger("click");
|
||||
break;
|
||||
case "삭제":
|
||||
$sit_sel_el.find("li").eq(li_parent_index).find(".sit_opt_del").trigger("click");
|
||||
break;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
$(document).on("sit_sel_option_success", "#sit_sel_option li button", function(e, $othis, mode, this_qty) {
|
||||
var ori_index = $othis.closest('li').index();
|
||||
|
||||
switch(mode) {
|
||||
case "증가":
|
||||
case "감소":
|
||||
$(".sit_opt_added li").eq(ori_index).find("input[name^=ct_copy_qty]").val(this_qty);
|
||||
break;
|
||||
case "삭제":
|
||||
$(".sit_opt_added li").eq(ori_index).remove();
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on("change_option_qty", "input[name^=ct_qty]", function(e, $othis, val, force_val) {
|
||||
var $this = $(this),
|
||||
ori_index = $othis.closest('li').index(),
|
||||
this_val = force_val ? force_val : val;
|
||||
|
||||
$(".sit_opt_added").find("li").eq(ori_index).find("input[name^="+change_name+"]").val(this_val);
|
||||
});
|
||||
|
||||
$(".sit_opt_added").on("keyup paste", "input[name^="+change_name+"]", function(e) {
|
||||
var $this = $(this),
|
||||
val= $this.val(),
|
||||
this_index = $("input[name^="+change_name+"]").index(this);
|
||||
|
||||
$("input[name^=ct_qty]").eq(this_index).val(val).trigger("keyup");
|
||||
});
|
||||
|
||||
$(".sit_order_btn").on("click", "button", function(e){
|
||||
e.preventDefault();
|
||||
|
||||
var $this = $(this);
|
||||
|
||||
if( $this.hasClass("sit_btn_cart") ){
|
||||
$("#sit_ov_btn .sit_btn_cart").trigger("click");
|
||||
} else if ( $this.hasClass("sit_btn_buy") ) {
|
||||
$("#sit_ov_btn .sit_btn_buy").trigger("click");
|
||||
}
|
||||
});
|
||||
|
||||
if (window.location.href.split("#").length > 1) {
|
||||
let id = window.location.href.split("#")[1];
|
||||
$("#btn_" + id).trigger("click");
|
||||
};
|
||||
});
|
||||
</script>
|
||||
143
theme/rb.basic/skin/shop/basic/itemqa.skin.php
Normal file
143
theme/rb.basic/skin/shop/basic/itemqa.skin.php
Normal file
@ -0,0 +1,143 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
|
||||
|
||||
<!-- 상품문의 목록 시작 { -->
|
||||
<section id="sit_qa_list">
|
||||
<h3>등록된 상품문의</h3>
|
||||
|
||||
<div id="sit_qa_wbtn">
|
||||
<a href="<?php echo $itemqa_form; ?>" class="btn02 itemqa_form">상품문의 쓰기<span class="sound_only">새 창</span></a>
|
||||
<a href="<?php echo $itemqa_list; ?>" id="itemqa_list" class="btn01">더보기</a>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
$thumbnail_width = 500;
|
||||
$iq_num = $total_count - ($page - 1) * $rows;
|
||||
|
||||
for ($i=0; $row=sql_fetch_array($result); $i++)
|
||||
{
|
||||
$iq_name = get_text($row['iq_name']);
|
||||
$iq_subject = conv_subject($row['iq_subject'],50,"…");
|
||||
|
||||
$is_secret = false;
|
||||
if($row['iq_secret']) {
|
||||
$iq_subject .= ' <img src="'.G5_SHOP_SKIN_URL.'/img/icon_secret.gif" alt="비밀글">';
|
||||
|
||||
if($is_admin || $member['mb_id' ] == $row['mb_id']) {
|
||||
$iq_question = get_view_thumbnail(conv_content($row['iq_question'], 1), $thumbnail_width);
|
||||
} else {
|
||||
$iq_question = '비밀글로 보호된 문의입니다.';
|
||||
$is_secret = true;
|
||||
}
|
||||
} else {
|
||||
$iq_question = get_view_thumbnail(conv_content($row['iq_question'], 1), $thumbnail_width);
|
||||
}
|
||||
$iq_time = substr($row['iq_time'], 2, 8);
|
||||
|
||||
$hash = md5($row['iq_id'].$row['iq_time'].$row['iq_ip']);
|
||||
|
||||
$iq_stats = '';
|
||||
$iq_style = '';
|
||||
$iq_answer = '';
|
||||
|
||||
if ($row['iq_answer'])
|
||||
{
|
||||
$iq_answer = get_view_thumbnail(conv_content($row['iq_answer'], 1), $thumbnail_width);
|
||||
$iq_stats = '답변완료';
|
||||
$iq_style = 'sit_qaa_done';
|
||||
$is_answer = true;
|
||||
} else {
|
||||
$iq_stats = '답변대기';
|
||||
$iq_style = 'sit_qaa_yet';
|
||||
$iq_answer = '답변이 등록되지 않았습니다.';
|
||||
$is_answer = false;
|
||||
}
|
||||
|
||||
if ($i == 0) echo '<ol id="sit_qa_ol">';
|
||||
?>
|
||||
|
||||
<li class="sit_qa_li">
|
||||
<button type="button" class="sit_qa_li_title"><span class="<?php echo $iq_style; ?>"><?php echo $iq_stats; ?></span><span class="rb_qa_con"><?php echo $iq_subject; ?></span></button>
|
||||
<dl class="sit_qa_dl">
|
||||
<dt>작성자/작성일</dt>
|
||||
<dd><?php echo $iq_name; ?><span class="st_bg"></span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $iq_time; ?></dd>
|
||||
</dl>
|
||||
|
||||
<div id="sit_qa_con_<?php echo $i; ?>" class="sit_qa_con">
|
||||
<div class="sit_qa_p">
|
||||
<div class="sit_qa_qaq">
|
||||
<strong class="sound_only">문의내용</strong>
|
||||
<span class="qa_alp">Q</span>
|
||||
<?php echo $iq_question; // 상품 문의 내용 ?>
|
||||
</div>
|
||||
<?php if(!$is_secret) { ?>
|
||||
<div class="sit_qa_qaa">
|
||||
<strong class="sound_only">답변</strong>
|
||||
<span class="qa_alp">A</span>
|
||||
<?php echo $iq_answer; ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
|
||||
<?php if ($is_admin || ($row['mb_id'] == $member['mb_id'] && !$is_answer)) { ?>
|
||||
<div class="sit_qa_cmd">
|
||||
<a href="<?php echo $itemqa_form."&iq_id={$row['iq_id']}&w=u"; ?>" class="itemqa_form btn01" onclick="return false;">수정</a>
|
||||
<a href="<?php echo $itemqa_formupdate."&iq_id={$row['iq_id']}&w=d&hash={$hash}"; ?>" class="itemqa_delete btn01">삭제</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<?php
|
||||
$iq_num--;
|
||||
}
|
||||
|
||||
if ($i > 0) echo '</ol>';
|
||||
|
||||
if (!$i) echo '<p class="sit_empty">상품문의가 없습니다.</p>';
|
||||
?>
|
||||
</section>
|
||||
|
||||
<?php
|
||||
echo itemqa_page($config['cf_write_pages'], $page, $total_page, G5_SHOP_URL."/itemqa.php?it_id=$it_id&page=", "");
|
||||
?>
|
||||
|
||||
<script>
|
||||
$(function(){
|
||||
$(".itemqa_form").click(function(){
|
||||
window.open(this.href, "itemqa_form", "width=810,height=680,scrollbars=1");
|
||||
return false;
|
||||
});
|
||||
|
||||
$(".itemqa_delete").click(function(){
|
||||
return confirm("정말 삭제 하시겠습니까?\n\n삭제후에는 되돌릴수 없습니다.");
|
||||
});
|
||||
|
||||
$(".sit_qa_li_title").click(function(){
|
||||
var $con = $(this).siblings(".sit_qa_con");
|
||||
if($con.is(":visible")) {
|
||||
$con.slideUp();
|
||||
} else {
|
||||
$(".sit_qa_con:visible").hide();
|
||||
$con.slideDown(
|
||||
function() {
|
||||
// 이미지 리사이즈
|
||||
$con.viewimageresize2();
|
||||
}
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
$(".qa_page").click(function(){
|
||||
$("#itemqa").load($(this).attr("href"));
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- } 상품문의 목록 끝 -->
|
||||
62
theme/rb.basic/skin/shop/basic/itemqaform.skin.php
Normal file
62
theme/rb.basic/skin/shop/basic/itemqaform.skin.php
Normal file
@ -0,0 +1,62 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 상품문의 쓰기 시작 { -->
|
||||
<div id="sit_qa_write" class="new_win">
|
||||
<h1 id="win_title">상품문의 쓰기</h1>
|
||||
|
||||
<form name="fitemqa" method="post" action="<?php echo G5_SHOP_URL;?>/itemqaformupdate.php" onsubmit="return fitemqa_submit(this);" autocomplete="off">
|
||||
<input type="hidden" name="w" value="<?php echo $w; ?>">
|
||||
<input type="hidden" name="it_id" value="<?php echo $it_id; ?>">
|
||||
<input type="hidden" name="iq_id" value="<?php echo $iq_id; ?>">
|
||||
|
||||
<div class="form_01 new_win_con">
|
||||
<ul>
|
||||
<li class="chk_box">
|
||||
<strong class="sound_only">옵션</strong>
|
||||
<input type="checkbox" name="iq_secret" id="iq_secret" value="1" <?php echo $chk_secret; ?> class="selec_chk">
|
||||
<label for="iq_secret"><span></span>비밀글</label>
|
||||
</li>
|
||||
<li>
|
||||
<div class="form_left">
|
||||
<label for="iq_email" class="sound_only">이메일</label>
|
||||
<input type="text" name="iq_email" id="iq_email" value="<?php echo get_text($qa['iq_email']); ?>" class="frm_input full_input" size="30" placeholder="이메일"><br>
|
||||
<span class="frm_info">이메일을 입력하시면 답변 등록 시 답변이 이메일로 전송됩니다.</span>
|
||||
</div>
|
||||
<div class="form_right">
|
||||
<label for="iq_hp" class="sound_only">휴대폰</label>
|
||||
<input type="text" name="iq_hp" id="iq_hp" value="<?php echo get_text($qa['iq_hp']); ?>" class="frm_input full_input" size="20" placeholder="휴대폰"><br>
|
||||
<span class="frm_info">휴대폰번호를 입력하시면 답변 등록 시 답변등록 알림이 SMS로 전송됩니다.</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label for="iq_subject" class="sound_only">제목<strong> 필수</strong></label>
|
||||
<input type="text" name="iq_subject" value="<?php echo get_text($qa['iq_subject']); ?>" id="iq_subject" required class="required frm_input" maxlength="250" placeholder="제목">
|
||||
</li>
|
||||
<li>
|
||||
<label for="iq_question" class="sound_only">질문</label>
|
||||
<?php echo $editor_html; ?>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="win_btn">
|
||||
<button type="submit" class="btn_submit">작성완료</button>
|
||||
<button type="button" onclick="self.close();" class="btn_close">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
function fitemqa_submit(f)
|
||||
{
|
||||
<?php echo $editor_js; ?>
|
||||
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
<!-- } 상품문의 쓰기 끝 -->
|
||||
145
theme/rb.basic/skin/shop/basic/itemqalist.skin.php
Normal file
145
theme/rb.basic/skin/shop/basic/itemqalist.skin.php
Normal file
@ -0,0 +1,145 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
alert('서비스 준비중 입니다.');
|
||||
?>
|
||||
|
||||
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
|
||||
|
||||
<!-- 전체 상품 문의 목록 시작 { -->
|
||||
|
||||
<form method="get" action="<?php echo $_SERVER['SCRIPT_NAME']; ?>">
|
||||
<div id="sqa_sch">
|
||||
<label for="sfl" class="sound_only">검색항목 필수</label>
|
||||
<select name="sfl" id="sfl" required>
|
||||
<option value="">선택</option>
|
||||
<option value="b.it_name" <?php echo get_selected($sfl, "b.it_name", true); ?>>상품명</option>
|
||||
<option value="a.it_id" <?php echo get_selected($sfl, "a.it_id"); ?>>상품코드</option>
|
||||
<option value="a.iq_subject" <?php echo get_selected($sfl, "a.iq_subject"); ?>>문의제목</option>
|
||||
<option value="a.iq_question"<?php echo get_selected($sfl, "a.iq_question"); ?>>문의내용</option>
|
||||
<option value="a.iq_name" <?php echo get_selected($sfl, "a.iq_name"); ?>>작성자명</option>
|
||||
<option value="a.mb_id" <?php echo get_selected($sfl, "a.mb_id"); ?>>작성자아이디</option>
|
||||
</select>
|
||||
<div class="sch_wr">
|
||||
<label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
|
||||
<input type="text" name="stx" value="<?php echo $stx; ?>" id="stx" required class="sch_input">
|
||||
<button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
|
||||
</div>
|
||||
<a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>">전체보기</a>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sqa">
|
||||
<!-- <p><?php echo $config['cf_title']; ?> 전체 상품문의 목록입니다.</p> -->
|
||||
<?php
|
||||
$thumbnail_width = 500;
|
||||
$num = $total_count - ($page - 1) * $rows;
|
||||
|
||||
for ($i=0; $row=sql_fetch_array($result); $i++)
|
||||
{
|
||||
$iq_subject = conv_subject($row['iq_subject'],50,"…");
|
||||
|
||||
$is_secret = false;
|
||||
if($row['iq_secret']) {
|
||||
$iq_subject .= ' <i class="fa fa-lock" aria-hidden="true"></i>';
|
||||
|
||||
if($is_admin || $member['mb_id' ] == $row['mb_id']) {
|
||||
$iq_question = get_view_thumbnail(conv_content($row['iq_question'], 1), $thumbnail_width);
|
||||
} else {
|
||||
$iq_question = '비밀글로 보호된 문의입니다.';
|
||||
$is_secret = true;
|
||||
}
|
||||
} else {
|
||||
$iq_question = get_view_thumbnail(conv_content($row['iq_question'], 1), $thumbnail_width);
|
||||
}
|
||||
|
||||
$it_href = shop_item_url($row['it_id']);
|
||||
|
||||
if ($row['iq_answer'])
|
||||
{
|
||||
$iq_answer = get_view_thumbnail(conv_content($row['iq_answer'], 1), $thumbnail_width);
|
||||
$iq_stats = '답변완료';
|
||||
$iq_style = 'sit_qaa_done';
|
||||
$is_answer = true;
|
||||
} else {
|
||||
$iq_stats = '답변대기';
|
||||
$iq_style = 'sit_qaa_yet';
|
||||
$iq_answer = '답변이 등록되지 않았습니다.';
|
||||
$is_answer = false;
|
||||
}
|
||||
|
||||
if ($i == 0) echo '<ol>';
|
||||
?>
|
||||
<li>
|
||||
<div class="sqa_img">
|
||||
<a href="<?php echo $it_href; ?>">
|
||||
<?php echo get_it_image($row['it_id'], 50, 50); ?>
|
||||
<span><?php echo $row['it_name']; ?></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<section class="sqa_section">
|
||||
<h2><?php echo $iq_subject; ?></h2>
|
||||
<span class="<?php echo $iq_style; ?>"><?php echo $iq_stats; ?></span>
|
||||
|
||||
<dl class="sqa_dl">
|
||||
<dt class="sound_only">작성자</dt>
|
||||
<dd><i class="fa fa-user" aria-hidden="true"></i> <?php echo $row['iq_name']; ?></dd>
|
||||
<dt class="sound_only">작성일</dt>
|
||||
<dd><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo substr($row['iq_time'],0,10); ?></dd>
|
||||
</dl>
|
||||
|
||||
<div id="sqa_con_<?php echo $i; ?>" class="sqa_con" style="display:none;">
|
||||
<div class="sit_qa_qaq">
|
||||
<strong class="sound_only">문의내용</strong>
|
||||
<span class="qa_alp">Q</span>
|
||||
<?php echo $iq_question; // 상품 문의 내용 ?>
|
||||
</div>
|
||||
<?php if(!$is_secret) { ?>
|
||||
<div class="sit_qa_qaa">
|
||||
<strong class="sound_only">답변</strong>
|
||||
<span class="qa_alp">A</span>
|
||||
<?php echo $iq_answer; ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
|
||||
<div class="sqa_con_btn"><button class="sqa_con_<?php echo $i; ?>">내용보기 <i class="fa fa-caret-down" aria-hidden="true"></i></button></div>
|
||||
</section>
|
||||
|
||||
</li>
|
||||
<?php
|
||||
$num--;
|
||||
}
|
||||
|
||||
if ($i > 0) echo '</ol>';
|
||||
if ($i == 0) echo '<p id="sqa_empty">자료가 없습니다.</p>';
|
||||
?>
|
||||
</div>
|
||||
|
||||
<?php echo get_paging($config['cf_write_pages'], $page, $total_page, "{$_SERVER['SCRIPT_NAME']}?$qstr&page="); ?>
|
||||
|
||||
<script>
|
||||
$(function(){
|
||||
// 상품문의 더보기
|
||||
$(".sqa_con_btn button").click(function(){
|
||||
var $con = $(this).parent().prev();
|
||||
if($con.is(":visible")) {
|
||||
$con.slideUp();
|
||||
$(this).html("내용보기 <i class=\"fa fa-caret-down\" aria-hidden=\"true\"></i>");
|
||||
} else {
|
||||
$("div[id^=sqa_con]:visible").hide();
|
||||
$con.slideDown(
|
||||
function() {
|
||||
// 이미지 리사이즈
|
||||
$con.viewimageresize2();
|
||||
}
|
||||
);
|
||||
$(this).html("내용닫기 <i class=\"fa fa-caret-up\" aria-hidden=\"true\"></i>");
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- } 전체 상품 사용후기 목록 끝 -->
|
||||
134
theme/rb.basic/skin/shop/basic/itemuse.skin.php
Normal file
134
theme/rb.basic/skin/shop/basic/itemuse.skin.php
Normal file
@ -0,0 +1,134 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
|
||||
|
||||
<!-- 상품 사용후기 시작 { -->
|
||||
<section id="sit_use_list">
|
||||
<h3>등록된 구매후기</h3>
|
||||
|
||||
<div class="sit_use_top">
|
||||
<?php if ($star_score) { ?>
|
||||
<h4>구매고객 총평점 <span>(총 <strong><?php echo $total_count; ?></strong> 건 상품평 기준)</span></h4>
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star<?php echo $star_score?>.png" alt="" class="sit_star">
|
||||
<?php } ?>
|
||||
<div id="sit_use_wbtn">
|
||||
<a href="<?php echo $itemuse_form; ?>" class="btn02 itemuse_form">구매후기 쓰기<span class="sound_only"> 새 창</span></a>
|
||||
<a href="<?php echo $itemuse_list; ?>" class="btn01 itemuse_list">더보기</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
$thumbnail_width = 500;
|
||||
|
||||
for ($i=0; $row=sql_fetch_array($result); $i++)
|
||||
{
|
||||
$is_num = $total_count - ($page - 1) * $rows - $i;
|
||||
$is_star = get_star($row['is_score']);
|
||||
$is_name = get_text($row['is_name']);
|
||||
$is_subject = conv_subject($row['is_subject'],50,"…");
|
||||
$is_content = get_view_thumbnail(conv_content($row['is_content'], 1), $thumbnail_width);
|
||||
$is_reply_name = !empty($row['is_reply_name']) ? get_text($row['is_reply_name']) : '';
|
||||
$is_reply_subject = !empty($row['is_reply_subject']) ? conv_subject($row['is_reply_subject'],50,"…") : '';
|
||||
$is_reply_content = !empty($row['is_reply_content']) ? get_view_thumbnail(conv_content($row['is_reply_content'], 1), $thumbnail_width) : '';
|
||||
$is_time = substr($row['is_time'], 2, 8);
|
||||
|
||||
$hash = md5($row['is_id'].$row['is_time'].$row['is_ip']);
|
||||
|
||||
if ($i == 0) echo '<ol id="sit_use_ol">';
|
||||
?>
|
||||
|
||||
<li class="sit_use_li">
|
||||
<span class="sit_thum"><?php echo get_itemuselist_thumbnail($row['it_id'], $row['is_content'], 70, 70); ?></span>
|
||||
<dl class="sit_use_dl">
|
||||
<dt>평점<dt>
|
||||
<dd class="sit_use_star"><img src="<?php echo G5_SHOP_URL; ?>/img/s_star<?php echo $is_star; ?>.png" alt="별<?php echo $is_star; ?>개" width="85"></dd>
|
||||
<dt></dt>
|
||||
<dd class="sit_use_tit"><?php echo $is_subject; ?></dd>
|
||||
<dt>작성자/작성일</dt>
|
||||
<dd><?php echo $is_name; ?><span class="st_bg"></span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $is_time; ?></dd>
|
||||
</dl>
|
||||
<button type="button" class="sit_use_li_title">내용보기 <i class="fa fa-caret-down" aria-hidden="true"></i></button>
|
||||
|
||||
<div id="sit_use_con_<?php echo $i; ?>" class="sit_use_con">
|
||||
<div class="sit_use_p">
|
||||
<?php echo $is_content; // 구매후기 내용 ?>
|
||||
</div>
|
||||
|
||||
<?php if ($is_admin || $row['mb_id'] == $member['mb_id']) { ?>
|
||||
<div class="sit_use_cmd">
|
||||
<a href="<?php echo $itemuse_form."&is_id={$row['is_id']}&w=u"; ?>" class="itemuse_form btn01" onclick="return false;">수정</a>
|
||||
<a href="<?php echo $itemuse_formupdate."&is_id={$row['is_id']}&w=d&hash={$hash}"; ?>" class="itemuse_delete btn01">삭제</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if( $is_reply_subject ){ // 구매후기 답변 내용이 있다면 ?>
|
||||
<div class="sit_use_reply">
|
||||
<div class="use_reply_icon">답변</div>
|
||||
<div class="use_reply_tit">
|
||||
<?php echo $is_reply_subject; // 답변 제목 ?>
|
||||
</div>
|
||||
<div class="use_reply_name">
|
||||
<?php echo $is_reply_name; // 답변자 이름 ?>
|
||||
</div>
|
||||
<div class="use_reply_p">
|
||||
<?php echo $is_reply_content; // 답변 내용 ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php } //end if ?>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<?php }
|
||||
|
||||
if ($i > 0) echo '</ol>';
|
||||
|
||||
if (!$i) echo '<p class="sit_empty">구매후기가 없습니다.</p>';
|
||||
?>
|
||||
</section>
|
||||
|
||||
<?php
|
||||
echo itemuse_page($config['cf_write_pages'], $page, $total_page, G5_SHOP_URL."/itemuse.php?it_id=$it_id&page=", "");
|
||||
?>
|
||||
|
||||
<script>
|
||||
$(function(){
|
||||
$(".itemuse_form").click(function(){
|
||||
window.open(this.href, "itemuse_form", "width=810,height=680,scrollbars=1");
|
||||
return false;
|
||||
});
|
||||
|
||||
$(".itemuse_delete").click(function(){
|
||||
if (confirm("정말 삭제 하시겠습니까?\n\n삭제후에는 되돌릴수 없습니다.")) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
$(".sit_use_li_title").click(function(){
|
||||
var $con = $(this).siblings(".sit_use_con");
|
||||
if($con.is(":visible")) {
|
||||
$con.slideUp();
|
||||
} else {
|
||||
$(".sit_use_con:visible").hide();
|
||||
$con.slideDown(
|
||||
function() {
|
||||
// 이미지 리사이즈
|
||||
$con.viewimageresize2();
|
||||
}
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
$(".pg_page").click(function(){
|
||||
$("#itemuse").load($(this).attr("href"));
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- } 상품 구매후기 끝 -->
|
||||
67
theme/rb.basic/skin/shop/basic/itemuseform.skin.php
Normal file
67
theme/rb.basic/skin/shop/basic/itemuseform.skin.php
Normal file
@ -0,0 +1,67 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 사용후기 쓰기 시작 { -->
|
||||
<div id="sit_use_write" class="new_win">
|
||||
<h1 id="win_title">구매후기 쓰기</h1>
|
||||
|
||||
<form name="fitemuse" method="post" action="<?php echo G5_SHOP_URL;?>/itemuseformupdate.php" onsubmit="return fitemuse_submit(this);" autocomplete="off">
|
||||
<input type="hidden" name="w" value="<?php echo $w; ?>">
|
||||
<input type="hidden" name="it_id" value="<?php echo $it_id; ?>">
|
||||
<input type="hidden" name="is_id" value="<?php echo $is_id; ?>">
|
||||
|
||||
<div class="new_win_con form_01">
|
||||
<ul>
|
||||
<li>
|
||||
<label for="is_subject" class="sound_only">제목<strong> 필수</strong></label>
|
||||
<input type="text" name="is_subject" value="<?php echo get_text($use['is_subject']); ?>" id="is_subject" required class="required frm_input full_input" maxlength="250" placeholder="제목">
|
||||
</li>
|
||||
<li>
|
||||
<strong class="sound_only">내용</strong>
|
||||
<?php echo $editor_html; ?>
|
||||
</li>
|
||||
<li>
|
||||
<span class="sound_only">평점</span>
|
||||
<ul id="sit_use_write_star" class="">
|
||||
<li>
|
||||
<input type="radio" name="is_score" value="5" id="is_score5" <?php echo ($is_score==5)?'checked="checked"':''; ?>>
|
||||
<label for="is_score5">매우만족</label>
|
||||
|
||||
<input type="radio" name="is_score" value="4" id="is_score4" <?php echo ($is_score==4)?'checked="checked"':''; ?>>
|
||||
<label for="is_score4">만족</label>
|
||||
|
||||
<input type="radio" name="is_score" value="3" id="is_score3" <?php echo ($is_score==3)?'checked="checked"':''; ?>>
|
||||
<label for="is_score3">보통</label>
|
||||
|
||||
<input type="radio" name="is_score" value="2" id="is_score2" <?php echo ($is_score==2)?'checked="checked"':''; ?>>
|
||||
<label for="is_score2">불만</label>
|
||||
|
||||
<input type="radio" name="is_score" value="1" id="is_score1" <?php echo ($is_score==1)?'checked="checked"':''; ?>>
|
||||
<label for="is_score1">매우불만</label>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="win_btn">
|
||||
<button type="submit" class="btn_submit">작성완료</button>
|
||||
<button type="button" onclick="self.close();" class="btn_close">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
function fitemuse_submit(f)
|
||||
{
|
||||
<?php echo $editor_js; ?>
|
||||
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
<!-- } 구매후기 쓰기 끝 -->
|
||||
166
theme/rb.basic/skin/shop/basic/itemuselist.skin.php
Normal file
166
theme/rb.basic/skin/shop/basic/itemuselist.skin.php
Normal file
@ -0,0 +1,166 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
alert('서비스 준비중 입니다.');
|
||||
?>
|
||||
|
||||
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
|
||||
|
||||
<!-- 전체 상품 구매후기 목록 시작 { -->
|
||||
<form method="get" action="<?php echo $_SERVER['SCRIPT_NAME']; ?>">
|
||||
<div id="sps_sch">
|
||||
<label for="sfl" class="sound_only">검색항목 필수</label>
|
||||
<select name="sfl" id="sfl" required>
|
||||
<option value="">선택</option>
|
||||
<option value="b.it_name" <?php echo get_selected($sfl, "b.it_name"); ?>>상품명</option>
|
||||
<option value="a.it_id" <?php echo get_selected($sfl, "a.it_id"); ?>>상품코드</option>
|
||||
<option value="a.is_subject"<?php echo get_selected($sfl, "a.is_subject"); ?>>후기제목</option>
|
||||
<option value="a.is_content"<?php echo get_selected($sfl, "a.is_content"); ?>>후기내용</option>
|
||||
<option value="a.is_name" <?php echo get_selected($sfl, "a.is_name"); ?>>작성자명</option>
|
||||
<option value="a.mb_id" <?php echo get_selected($sfl, "a.mb_id"); ?>>작성자아이디</option>
|
||||
</select>
|
||||
<div class="sch_wr">
|
||||
<label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
|
||||
<input type="text" name="stx" value="<?php echo $stx; ?>" id="stx" required class="sch_input">
|
||||
<button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
|
||||
</div>
|
||||
<a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>">전체보기</a>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sps">
|
||||
<!-- <p><?php echo $config['cf_title']; ?> 전체 구매후기 목록입니다.</p> -->
|
||||
<?php
|
||||
$thumbnail_width = 500;
|
||||
|
||||
for ($i=0; $row=sql_fetch_array($result); $i++)
|
||||
{
|
||||
$num = $total_count - ($page - 1) * $rows - $i;
|
||||
$star = get_star($row['is_score']);
|
||||
|
||||
$is_content = get_view_thumbnail(conv_content($row['is_content'], 1), $thumbnail_width);
|
||||
|
||||
$row2 = get_shop_item($row['it_id'], true);
|
||||
$it_href = shop_item_url($row['it_id']);
|
||||
|
||||
if ($i == 0) echo '<ol>';
|
||||
?>
|
||||
<li>
|
||||
<div class="sps_img">
|
||||
<div class="sps_img_inner">
|
||||
<a href="<?php echo $it_href; ?>">
|
||||
<?php echo get_it_image($row['it_id'], 100, 100); ?>
|
||||
<span><?php echo $row2['it_name']; ?></span>
|
||||
</a>
|
||||
<button class="prd_detail" data-url="<?php echo G5_SHOP_URL.'/largeimage.php?it_id='.$row['it_id']; ?>"><i class="fa fa-camera" aria-hidden="true"></i><span class="sound_only">상품 이미지보기</span></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sps_section">
|
||||
<span class="sound_only">평가점수</span>
|
||||
<span><img src="<?php echo G5_URL; ?>/shop/img/s_star<?php echo $star; ?>.png" alt="별<?php echo $star; ?>개" width="80"></span>
|
||||
|
||||
<span class="sps_pd_name"><?php echo get_text($row2['it_name']); ?></span>
|
||||
<span class="sps_rv_tit"><?php echo get_text($row['is_subject']); ?></span>
|
||||
<span class="sps_rv_thum"><?php echo get_itemuse_thumb($row['is_content'], 60, 60); ?></span>
|
||||
|
||||
<div class="sps_con_btn">
|
||||
<dl class="sps_dl">
|
||||
<dt class="sound_only">작성자</dt>
|
||||
<dd><i class="fa fa-user" aria-hidden="true"></i> <?php echo $row['is_name']; ?></dd>
|
||||
<dt class="sound_only">작성일</dt>
|
||||
<dd><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo substr($row['is_time'],0,10); ?></dd>
|
||||
</dl>
|
||||
|
||||
<button class="sps_con_<?php echo $i; ?> review_detail">내용보기</button>
|
||||
|
||||
<!-- 구매후기 자세히 시작 -->
|
||||
<div class="review_detail_cnt">
|
||||
<div class="review_detail_in">
|
||||
<h3>구매후기</h3>
|
||||
<div class="review_cnt">
|
||||
<div class="review_tp_cnt">
|
||||
<span><?php echo get_text($row['is_subject']); ?></span>
|
||||
<dl class="sps_dl">
|
||||
<dt class="sound_only">작성자</dt>
|
||||
<dd><i class="fa fa-user" aria-hidden="true"></i> <?php echo $row['is_name']; ?></dd>
|
||||
<dt class="sound_only">작성일</dt>
|
||||
<dd><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo substr($row['is_time'],0,10); ?></dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="review_summ">
|
||||
<?php echo get_it_image($row['it_id'], 50, 50); ?>
|
||||
<span><?php echo get_text($row2['it_name']); ?></span>
|
||||
<span class="sound_only">평가점수</span><img src="<?php echo G5_URL; ?>/shop/img/s_star<?php echo $star; ?>.png" alt="별<?php echo $star; ?>개" width="80">
|
||||
</div>
|
||||
|
||||
<div id="sps_con_<?php echo $i; ?>" class="review_bt_cnt">
|
||||
<?php echo $is_content; // 구매후기 내용 ?>
|
||||
<?php
|
||||
if( !empty($row['is_reply_subject']) ){ //구매후기 답변이 있다면
|
||||
$is_reply_content = get_view_thumbnail(conv_content($row['is_reply_content'], 1), $thumbnail_width);
|
||||
?>
|
||||
<div class="sps_reply">
|
||||
<section>
|
||||
<h2 class="is_use_reply"><?php echo get_text($row['is_reply_subject']); ?></h2>
|
||||
<div class="sps_dl">
|
||||
<i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $row['is_reply_name']; ?>
|
||||
</div>
|
||||
<div id="sps_con_<?php echo $i; ?>_reply">
|
||||
<?php echo $is_reply_content; // 구매후기 답변 내용 ?>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<?php } //end if ?>
|
||||
</div>
|
||||
</div>
|
||||
<button class="rd_cls"><span class="sound_only">후기 상세보기 팝업 닫기</span><i class="fa fa-times" aria-hidden="true"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 구매후기 자세히 끝 -->
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<?php }
|
||||
if ($i > 0) echo '</ol>';
|
||||
if ($i == 0) echo '<p id="sps_empty">자료가 없습니다.</p>';
|
||||
?>
|
||||
</div>
|
||||
|
||||
<?php echo get_paging($config['cf_write_pages'], $page, $total_page, "{$_SERVER['SCRIPT_NAME']}?$qstr&page="); ?>
|
||||
|
||||
<script>
|
||||
jQuery(function($){
|
||||
// 구매후기 열기
|
||||
$(".review_detail").on("click", function(){
|
||||
$(this).parent("div").children(".review_detail_cnt").show();
|
||||
});
|
||||
|
||||
// 구매후기 닫기
|
||||
$(document).mouseup(function (e){
|
||||
var container = $(".review_detail_cnt");
|
||||
if( container.has(e.target).length === 0)
|
||||
container.hide();
|
||||
});
|
||||
|
||||
// 후기 상세 글쓰기 닫기
|
||||
$('.rd_cls').click(function(){
|
||||
$('.review_detail_cnt').hide();
|
||||
});
|
||||
|
||||
// 상품이미지 크게보기
|
||||
$(".prd_detail").click(function() {
|
||||
var url = $(this).attr("data-url");
|
||||
var top = 10;
|
||||
var left = 10;
|
||||
var opt = 'scrollbars=yes,top='+top+',left='+left;
|
||||
popup_window(url, "largeimage", opt);
|
||||
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
<!-- } 전체 상품 구매후기 목록 끝 -->
|
||||
93
theme/rb.basic/skin/shop/basic/largeimage.skin.php
Normal file
93
theme/rb.basic/skin/shop/basic/largeimage.skin.php
Normal file
@ -0,0 +1,93 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<div id="sit_pvi_nw" class="new_win">
|
||||
<h1 id="win_title">상품 이미지 새창 보기</h1>
|
||||
<div id="sit_pvi_nwbig">
|
||||
<?php
|
||||
$thumbnails = array();
|
||||
$images = get_item_images_info($row, $size, 60, 60); // 숫자값은 썸네일 width, height
|
||||
|
||||
foreach((array) $images as $i=>$imgs){
|
||||
$thumbnails[$i] = $imgs['thumb'];
|
||||
?>
|
||||
<span>
|
||||
<a href="javascript:window.close();">
|
||||
<?php echo $imgs['imagehtml']; ?>
|
||||
</a>
|
||||
</span>
|
||||
<?php } ?>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
$total_count = count($thumbnails);
|
||||
$thumb_count = 0;
|
||||
if($total_count > 0) {
|
||||
echo '<ul>';
|
||||
foreach($thumbnails as $key=>$val) {
|
||||
echo '<li><a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it_id.'&no='.$key.'" class="img_thumb">'.$val.'</a></li>';
|
||||
}
|
||||
echo '</ul>';
|
||||
}
|
||||
?>
|
||||
<div class="win_btn">
|
||||
<button type="button" onclick="javascript:window.close();" class="btn_close">창닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
jQuery(function($){
|
||||
|
||||
$.fn.imgLoad = function(callback) {
|
||||
return this.each(function() {
|
||||
if (callback) {
|
||||
if (this.complete || /*for IE 10-*/ $(this).height() > 0) {
|
||||
callback.apply(this);
|
||||
}
|
||||
else {
|
||||
$(this).on('load', function(){
|
||||
callback.apply(this);
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
function largeimage_load(image_width){
|
||||
var w = image_width + 50;
|
||||
var h = $("#sit_pvi_nw").outerHeight(true) + $("#sit_pvi_nw h1").outerHeight(true);
|
||||
window.resizeTo(w, h);
|
||||
}
|
||||
|
||||
$("#sit_pvi_nwbig span:eq("+<?php echo ($no - 1); ?>+")").addClass("visible");
|
||||
|
||||
// 창 사이즈 조절
|
||||
<?php if( isset($size[0]) && $size[0] ){ ?>
|
||||
$(window).on("load", function() {
|
||||
largeimage_load(<?php echo $size[0]; ?>);
|
||||
});
|
||||
<?php } else { ?>
|
||||
var is_load_end = false;
|
||||
$("#sit_pvi_nwbig img").imgLoad(function(){
|
||||
$(this).css({'max-width': '800px', 'height':'auto'});
|
||||
var image_width = $(this).width();
|
||||
|
||||
if( image_width && ! is_load_end ){
|
||||
largeimage_load( image_width );
|
||||
is_load_end = true;
|
||||
}
|
||||
});
|
||||
<?php } ?>
|
||||
|
||||
// 이미지 미리보기
|
||||
$(".img_thumb").bind("mouseover focus", function(){
|
||||
var idx = $(".img_thumb").index($(this));
|
||||
$("#sit_pvi_nwbig span.visible").removeClass("visible");
|
||||
$("#sit_pvi_nwbig span:eq("+idx+")").addClass("visible");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
199
theme/rb.basic/skin/shop/basic/list.10.skin.php
Normal file
199
theme/rb.basic/skin/shop/basic/list.10.skin.php
Normal file
@ -0,0 +1,199 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
|
||||
// 장바구니 또는 위시리스트 ajax 스크립트
|
||||
add_javascript('<script src="'.G5_THEME_JS_URL.'/theme.shop.list.js"></script>', 10);
|
||||
|
||||
?>
|
||||
|
||||
<div class="rb_shop_list">
|
||||
<div class="swiper-container swiper-container-list-list">
|
||||
<div class="swiper-wrapper swiper-wrapper-list-list">
|
||||
<?php
|
||||
|
||||
$i = 0;
|
||||
$this->view_star = (method_exists($this, 'view_star')) ? $this->view_star : true;
|
||||
|
||||
foreach((array) $list as $row){
|
||||
if( empty($row) ) continue;
|
||||
|
||||
$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); // 품절인지 체크
|
||||
|
||||
$ca = get_shop_item_with_category($row['it_id']);
|
||||
|
||||
//할인율을 구함
|
||||
if($row['it_cust_price'] && !$row['it_tel_inq']) {
|
||||
$sale_per = ceil(((get_price($row)-$row['it_cust_price'])/$row['it_cust_price'])*100).'%';
|
||||
} else {
|
||||
$sale_per = "";
|
||||
}
|
||||
|
||||
/*
|
||||
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";
|
||||
|
||||
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>';
|
||||
}
|
||||
}
|
||||
|
||||
// 사용후기 평점표시
|
||||
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\"><".stripslashes($row['it_id'])."></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 "<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";
|
||||
// 위시리스트 + 공유 버튼 끝
|
||||
*/
|
||||
|
||||
$i++;
|
||||
|
||||
?>
|
||||
|
||||
|
||||
<ul class="swiper-slide swiper-slide-list-list sct">
|
||||
|
||||
<li class="rb_shop_list_item sct_li">
|
||||
<div class="v_ch_list">
|
||||
<?php if ($this->view_it_img) { ?>
|
||||
<div class="rb_shop_list_item_img">
|
||||
<a href="<?php echo $item_link_href ?>">
|
||||
<?php echo rb_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name'])); ?>
|
||||
</a>
|
||||
|
||||
<div class="sit_icon_li">
|
||||
<?php if ($this->view_it_icon) { ?>
|
||||
<?php echo item_icon($row) ?>
|
||||
<?php if($row['it_sc_type'] == 1) { ?>
|
||||
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<?php if ($is_soldout) { ?>
|
||||
<div class="sold_out_wrap">
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><g id="alert_fill" fill='none' fill-rule='nonzero'><path d='M24 0v24H0V0h24ZM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01-.184-.092Z'/><path fill='#ffffff' d='m13.299 3.148 8.634 14.954a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25l8.634-14.954c.577-1 2.02-1 2.598 0ZM12 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm0-7a1 1 0 0 0-.993.883L11 9v4a1 1 0 0 0 1.993.117L13 13V9a1 1 0 0 0-1-1Z'/></g></svg><br>
|
||||
일시품절
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="v_ch_list_r">
|
||||
<?php if ($this->view_it_name) { ?>
|
||||
<div class="rb_shop_list_item_ca"><?php echo $ca['ca_name'];?></div>
|
||||
<div class="rb_shop_list_item_name">
|
||||
<a href="<?php echo $item_link_href ?>" class="font-B cut2">
|
||||
<?php echo stripslashes($row['it_name']); ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if ($this->view_it_basic && $row['it_basic']) { ?>
|
||||
<div class="rb_shop_list_item_basic cut2">
|
||||
<?php echo stripslashes($row['it_basic']) ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if ($this->view_it_cust_price || $this->view_it_price) { ?>
|
||||
<div class="rb_shop_list_item_pri">
|
||||
<?php if ($this->view_it_price) { ?>
|
||||
<dd class="font-B font-18 <?php if ($this->view_it_cust_price && $row['it_cust_price']) { ?>main_color<?php } ?>"><?php echo display_price(get_price($row), $row['it_tel_inq']) ?></dd>
|
||||
<?php } ?>
|
||||
<?php if ($this->view_it_cust_price && $row['it_cust_price']) { ?>
|
||||
<dd class="font-B font-16"><?php echo $sale_per ?></dd>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<?php } ?>
|
||||
<?php if($i === 0) echo "<div class=\"da_data\">등록된 상품이 없습니다.</div>"; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var swiper = new Swiper('.swiper-container-list-list', {
|
||||
slidesPerColumnFill: 'row',
|
||||
slidesPerView: <?php echo $list_mod ?>, //가로갯수
|
||||
slidesPerColumn: 9999, // 세로갯수
|
||||
spaceBetween: 25, // 간격
|
||||
touchRatio: 0, // 드래그 가능여부(1, 0)
|
||||
|
||||
breakpoints: { // 반응형 처리
|
||||
|
||||
1024: {
|
||||
slidesPerView: <?php echo $list_mod ?>,
|
||||
slidesPerColumn: 9999,
|
||||
spaceBetween: 25,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
slidesPerColumn: 999,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
10: {
|
||||
slidesPerView: 2,
|
||||
slidesPerColumn: 9999,
|
||||
spaceBetween: 20,
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
105
theme/rb.basic/skin/shop/basic/list.20.skin.php
Normal file
105
theme/rb.basic/skin/shop/basic/list.20.skin.php
Normal file
@ -0,0 +1,105 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 상품진열 20 시작 { -->
|
||||
<?php
|
||||
$i=0;
|
||||
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']) : '';
|
||||
|
||||
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_20\">\n";
|
||||
}
|
||||
}
|
||||
|
||||
echo "<li class=\"sct_li{$sct_last}\" data-css=\"nocss\" style=\"width:{$this->img_width}px\">\n";
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_img\"><a href=\"{$item_link_href}\" class=\"sct_a\">\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";
|
||||
}
|
||||
|
||||
if ($this->view_it_icon) {
|
||||
echo "<div class=\"sct_icon\">".item_icon($row)."</div>\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_id) {
|
||||
echo "<div class=\"sct_id\"><".stripslashes($row['it_id'])."></div>\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_txt\"><a href=\"{$item_link_href}\" class=\"sct_a\">\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_dict\">".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_sns) {
|
||||
$sns_url = $item_link_href;
|
||||
$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/sns_fb_s.png');
|
||||
echo get_sns_share_link('twitter', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/sns_twt_s.png');
|
||||
echo "</div>\n";
|
||||
}
|
||||
|
||||
echo "</li>\n";
|
||||
}
|
||||
|
||||
if ($i >= 1) echo "</ul>\n";
|
||||
|
||||
if($i == 0) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
|
||||
?>
|
||||
<!-- } 상품진열 20 끝 -->
|
||||
116
theme/rb.basic/skin/shop/basic/list.30.skin.php
Normal file
116
theme/rb.basic/skin/shop/basic/list.30.skin.php
Normal file
@ -0,0 +1,116 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 상품진열 30 시작 { -->
|
||||
<?php
|
||||
$i=0;
|
||||
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']) : '';
|
||||
|
||||
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';
|
||||
}
|
||||
|
||||
if ($i == 1) {
|
||||
if ($this->css) {
|
||||
echo "<ul class=\"{$this->css}\">\n";
|
||||
} else {
|
||||
echo "<ul class=\"sct sct_30\">\n";
|
||||
}
|
||||
}
|
||||
|
||||
$list_top_pad = 20;
|
||||
$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;
|
||||
|
||||
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";
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_img\"><a href=\"{$item_link_href}\" class=\"sct_a\">\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";
|
||||
}
|
||||
|
||||
if ($this->view_it_icon) {
|
||||
echo "<div class=\"sct_icon\">".item_icon($row)."</div>\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_id) {
|
||||
echo "<div class=\"sct_id\"><".stripslashes($row['it_id'])."></div>\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_txt\"><a href=\"{$item_link_href}\" class=\"sct_a\">\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_dict\">".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_sns) {
|
||||
$sns_url = $item_link_href;
|
||||
$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/sns_fb_s.png');
|
||||
echo get_sns_share_link('twitter', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/sns_twt_s.png');
|
||||
echo "</div>\n";
|
||||
}
|
||||
|
||||
$arrow_left = $this->img_width - 10;
|
||||
echo "<div class=\"sct_arw_toleft\" style=\"left:{$arrow_left}px\"></div>";
|
||||
|
||||
echo "</li>\n";
|
||||
}
|
||||
|
||||
if ($i >= 1) echo "</ul>\n";
|
||||
|
||||
if($i == 0) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
|
||||
?>
|
||||
<!-- } 상품진열 12 끝 -->
|
||||
136
theme/rb.basic/skin/shop/basic/list.40.skin.php
Normal file
136
theme/rb.basic/skin/shop/basic/list.40.skin.php
Normal file
@ -0,0 +1,136 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
|
||||
// 관련상품 스킨은 사품을 한줄에 하나만 표시하며 해당 상품에 관련상품이 등록되어 있는 경우 기본으로 7개까지 노출합니다.
|
||||
?>
|
||||
|
||||
<!-- 상품진열 40 시작 { -->
|
||||
<?php
|
||||
$i=0;
|
||||
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']) : '';
|
||||
|
||||
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';
|
||||
}
|
||||
|
||||
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";
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_img\"><a href=\"{$item_link_href}\" class=\"sct_a\">\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";
|
||||
}
|
||||
|
||||
if ($this->view_it_icon) {
|
||||
echo "<div class=\"sct_icon\">".item_icon($row)."</div>\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_id) {
|
||||
echo "<div class=\"sct_id\"><".stripslashes($row['it_id'])."></div>\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_txt\"><a href=\"{$item_link_href}\" class=\"sct_a\">\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_dict\">".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";
|
||||
|
||||
}
|
||||
|
||||
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 "<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";
|
||||
?>
|
||||
<!-- } 상품진열13 끝 -->
|
||||
55
theme/rb.basic/skin/shop/basic/list.sort.skin.php
Normal file
55
theme/rb.basic/skin/shop/basic/list.sort.skin.php
Normal file
@ -0,0 +1,55 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
$sct_sort_href = $_SERVER['SCRIPT_NAME'].'?';
|
||||
|
||||
if($ca_id) {
|
||||
$shop_category_url = shop_category_url($ca_id);
|
||||
$sct_sort_href = (strpos($shop_category_url, '?') === false) ? $shop_category_url.'?1=1' : $shop_category_url;
|
||||
} else if($ev_id) {
|
||||
$sct_sort_href .= 'ev_id='.$ev_id;
|
||||
}
|
||||
|
||||
if($skin)
|
||||
$sct_sort_href .= '&skin='.$skin;
|
||||
$sct_sort_href .= '&sort=';
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 상품 정렬 선택 시작 { -->
|
||||
<section id="sct_sort" class="pc">
|
||||
<h2>상품 정렬</h2>
|
||||
|
||||
<!-- 기타 정렬 옵션
|
||||
<ul>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_name&sortodr=asc">상품명순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_type1&sortodr=desc">히트상품</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_type2&sortodr=desc">추천상품</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_type3&sortodr=desc">최신상품</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_type4&sortodr=desc">인기상품</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_type5&sortodr=desc">할인상품</a></li>
|
||||
</ul>
|
||||
-->
|
||||
|
||||
<ul id="ssch_sort">
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_sum_qty&sortodr=desc" class="<?php if(isset($_GET['sort']) && $_GET['sort'] == "it_sum_qty") { ?>selected_sort<?php } ?>">판매순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_price&sortodr=asc" class="<?php if(isset($_GET['sort']) && $_GET['sort'] == "it_price" && $_GET['sortodr'] == "asc") { ?>selected_sort<?php } ?>">낮은가격순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_price&sortodr=desc" class="<?php if(isset($_GET['sort']) && $_GET['sort'] == "it_price" && $_GET['sortodr'] == "desc") { ?>selected_sort<?php } ?>">높은가격순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_use_avg&sortodr=desc" class="<?php if(isset($_GET['sort']) && $_GET['sort'] == "it_use_avg") { ?>selected_sort<?php } ?>">평점순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_use_cnt&sortodr=desc" class="<?php if(isset($_GET['sort']) && $_GET['sort'] == "it_use_cnt") { ?>selected_sort<?php } ?>">후기순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_update_time&sortodr=desc" class="<?php if(isset($_GET['sort']) && $_GET['sort'] == "it_update_time") { ?>selected_sort<?php } ?>">등록일순</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<select onchange="if(this.value) location.href=(this.value);" class="select mobile ssch_sort_mobile">
|
||||
<option value=''>상품정렬</option>
|
||||
<option value='<?php echo $sct_sort_href; ?>it_sum_qty&sortodr=desc' <?php if(isset($_GET['sort']) && $_GET['sort'] == "it_sum_qty") { ?>selected<?php } ?>>판매순</option>
|
||||
<option value='<?php echo $sct_sort_href; ?>it_price&sortodr=asc' <?php if(isset($_GET['sort']) && $_GET['sort'] == "it_price" && $_GET['sortodr'] == "asc") { ?>selected<?php } ?>>낮은가격순</option>
|
||||
<option value='<?php echo $sct_sort_href; ?>it_price&sortodr=desc' <?php if(isset($_GET['sort']) && $_GET['sort'] == "it_price" && $_GET['sortodr'] == "desc") { ?>selected<?php } ?>>높은가격순</option>
|
||||
<option value='<?php echo $sct_sort_href; ?>it_use_avg&sortodr=desc' <?php if(isset($_GET['sort']) && $_GET['sort'] == "it_use_avg") { ?>selected<?php } ?>>평점순</option>
|
||||
<option value='<?php echo $sct_sort_href; ?>it_use_cnt&sortodr=desc' <?php if(isset($_GET['sort']) && $_GET['sort'] == "it_use_cnt") { ?>selected<?php } ?>>후기순</option>
|
||||
<option value='<?php echo $sct_sort_href; ?>it_update_time&sortodr=desc' <?php if(isset($_GET['sort']) && $_GET['sort'] == "it_update_time") { ?>selected<?php } ?>>등록일순</option>
|
||||
</select>
|
||||
<!-- } 상품 정렬 선택 끝 -->
|
||||
12
theme/rb.basic/skin/shop/basic/list.sub.skin.php
Normal file
12
theme/rb.basic/skin/shop/basic/list.sub.skin.php
Normal file
@ -0,0 +1,12 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
<?php if(isset($ca['ca_skin']) && $ca['ca_skin'] === 'list.10.skin.php'){ ?>
|
||||
<ul id="sct_lst">
|
||||
<li><button type="button" class="sct_lst_view sct_lst_list"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"></circle</svg></button></li>
|
||||
<li><button type="button" class="sct_lst_view sct_lst_gallery"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg></button></li>
|
||||
</ul>
|
||||
<?php }
|
||||
84
theme/rb.basic/skin/shop/basic/listcategory.skin.php
Normal file
84
theme/rb.basic/skin/shop/basic/listcategory.skin.php
Normal file
@ -0,0 +1,84 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
$str = '';
|
||||
$exists = false;
|
||||
|
||||
$ca_id_len = strlen($ca_id);
|
||||
$ca_id_len_mi = substr($ca_id, 0, -2);
|
||||
$len2 = $ca_id_len + 2;
|
||||
$len4 = $ca_id_len + 4;
|
||||
|
||||
$ca_is = sql_fetch (" select COUNT(*) as cnt from {$g5['g5_shop_category_table']} where ca_id like '$ca_id%' and length(ca_id) = $len2 and ca_use = '1' ");
|
||||
if($ca_is['cnt'] == 0) {
|
||||
$sql = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where ca_id like '$ca_id_len_mi%' and length(ca_id) = $ca_id_len and ca_use = '1' order by ca_order, ca_id ";
|
||||
} else {
|
||||
$sql = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where ca_id like '$ca_id%' and length(ca_id) = $len2 and ca_use = '1' order by ca_order, ca_id ";
|
||||
}
|
||||
|
||||
$result = sql_query($sql);
|
||||
|
||||
|
||||
while ($row=sql_fetch_array($result)) {
|
||||
|
||||
$row2 = sql_fetch(" select count(*) as cnt from {$g5['g5_shop_item_table']} where (ca_id like '{$row['ca_id']}%' or ca_id2 like '{$row['ca_id']}%' or ca_id3 like '{$row['ca_id']}%') and it_use = '1' ");
|
||||
if($ca_id == $row['ca_id']) {
|
||||
$class_act = "font-B main_color";
|
||||
} else {
|
||||
$class_act = "";
|
||||
}
|
||||
$str .= "<li class=\"swiper-slide swiper-slide-ss\"><a href=\"".shop_category_url($row['ca_id'])."\" class=\"{$class_act}\">{$row['ca_name']} (".$row2['cnt'].")</a></li>";
|
||||
}
|
||||
|
||||
if ($ca_id_len > 2) {
|
||||
$ca_idx_prev = substr($ca_id, 0, -2);
|
||||
$links = shop_category_url($ca_idx_prev);
|
||||
$str .= "<li class=\"swiper-slide swiper-slide-ss\"><a href=\"{$links}\" class=\"ss_back\">뒤로</a></li>";
|
||||
}
|
||||
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 상품분류 1 시작 { -->
|
||||
<aside id="sct_ct_1" class="sct_ct">
|
||||
<ul>
|
||||
<div class="swiper-container swiper-container-ss">
|
||||
<ul class="swiper-wrapper swiper-wrapper-ss flex_ct">
|
||||
<?php echo $str; ?>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var swiper = new Swiper('.swiper-container-ss', {
|
||||
slidesPerView: 'auto', //가로갯수
|
||||
spaceBetween: 25, // 간격
|
||||
touchRatio: 1, // 드래그 가능여부(1, 0)
|
||||
slidesOffsetBefore: 20, //좌측여백 px
|
||||
slidesOffsetAfter: 20, // 우측여백 px
|
||||
|
||||
breakpoints: { // 반응형 처리
|
||||
1024: {
|
||||
slidesPerView: 'auto',
|
||||
touchRatio: 1,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 'auto',
|
||||
touchRatio: 1,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
10: {
|
||||
slidesPerView: 'auto',
|
||||
touchRatio: 1,
|
||||
spaceBetween: 20,
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</ul>
|
||||
</aside>
|
||||
<!-- } 상품분류 1 끝 -->
|
||||
64
theme/rb.basic/skin/shop/basic/listcategory2.skin.php
Normal file
64
theme/rb.basic/skin/shop/basic/listcategory2.skin.php
Normal file
@ -0,0 +1,64 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
$str = '';
|
||||
$exists = false;
|
||||
|
||||
$ca_id_len = strlen($ca_id);
|
||||
$len2 = $ca_id_len + 2;
|
||||
$len4 = $ca_id_len + 4;
|
||||
|
||||
// 최하위 분류의 경우 상단에 동일한 레벨의 분류를 출력해주는 코드
|
||||
if (!$exists) {
|
||||
$str = '';
|
||||
|
||||
$tmp_ca_id = substr($ca_id, 0, strlen($ca_id)-2);
|
||||
$tmp_ca_id_len = strlen($tmp_ca_id);
|
||||
$len2 = $tmp_ca_id_len + 2;
|
||||
$len4 = $tmp_ca_id_len + 4;
|
||||
|
||||
// 차차기 분류의 건수를 얻음
|
||||
$sql = " select count(*) as cnt from {$g5['g5_shop_category_table']} where ca_id like '$tmp_ca_id%' and ca_use = '1' and length(ca_id) = $len4 ";
|
||||
$row = sql_fetch($sql);
|
||||
$cnt = $row['cnt'];
|
||||
|
||||
$sql = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where ca_id like '$tmp_ca_id%' and ca_use = '1' and length(ca_id) = $len2 order by ca_order, ca_id ";
|
||||
$result = sql_query($sql);
|
||||
while ($row=sql_fetch_array($result)) {
|
||||
$sct_ct_here = '';
|
||||
if ($ca_id == $row['ca_id']) // 활성 분류 표시
|
||||
$sct_ct_here = 'sct_ct_here';
|
||||
|
||||
$str .= '<li>';
|
||||
if ($cnt) {
|
||||
$str .= '<a href="'.shop_category_url($row['ca_id']).'" class="sct_ct_parent '.$sct_ct_here.'">'.$row['ca_name'].'</a>';
|
||||
$sql2 = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where ca_id like '{$row['ca_id']}%' and ca_use = '1' and length(ca_id) = $len4 order by ca_order, ca_id ";
|
||||
$result2 = sql_query($sql2);
|
||||
$k=0;
|
||||
while ($row2=sql_fetch_array($result2)) {
|
||||
$str .= '<a href="'.shop_category_url($row2['ca_id']).'">'.$row2['ca_name'].'</a>';
|
||||
$k++;
|
||||
}
|
||||
} else {
|
||||
$str .= '<a href="'.shop_category_url($row['ca_id']).'" class="sct_ct_parent '.$sct_ct_here.'">'.$row['ca_name'].'</a>';
|
||||
}
|
||||
$str .= '</li>';
|
||||
$exists = true;
|
||||
}
|
||||
}
|
||||
|
||||
if ($exists) {
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 상품분류 2 시작 { -->
|
||||
<aside id="sct_ct_2" class="sct_ct">
|
||||
<h2>현재 상품 분류와 관련된 분류</h2>
|
||||
<ul>
|
||||
<?php echo $str; ?>
|
||||
</ul>
|
||||
</aside>
|
||||
<!-- } 상품분류 2 끝 -->
|
||||
|
||||
<?php }
|
||||
35
theme/rb.basic/skin/shop/basic/listcategory3.skin.php
Normal file
35
theme/rb.basic/skin/shop/basic/listcategory3.skin.php
Normal file
@ -0,0 +1,35 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
$str = '';
|
||||
$exists = false;
|
||||
|
||||
$depth2_ca_id = substr($ca_id, 0, 2);
|
||||
|
||||
$sql = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where ca_id like '{$depth2_ca_id}%' and length(ca_id) = 4 and ca_use = '1' order by ca_order, ca_id ";
|
||||
$result = sql_query($sql);
|
||||
while ($row=sql_fetch_array($result)) {
|
||||
if (preg_match("/^{$row['ca_id']}/", $ca_id))
|
||||
$sct_ct_here = 'sct_ct_here';
|
||||
else
|
||||
$sct_ct_here = '';
|
||||
$str .= '<li><a href="'.shop_category_url($row['ca_id']).'" class="'.$sct_ct_here.'">'.$row['ca_name'].'</a></li>';
|
||||
$exists = true;
|
||||
}
|
||||
|
||||
if ($exists) {
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 상품분류 3 시작 { -->
|
||||
<aside id="sct_ct_3" class="sct_ct">
|
||||
<h2>현재 상품 분류와 관련된 분류</h2>
|
||||
<ul>
|
||||
<?php echo $str; ?>
|
||||
</ul>
|
||||
</aside>
|
||||
<!-- } 상품분류 3 끝 -->
|
||||
|
||||
<?php }
|
||||
237
theme/rb.basic/skin/shop/basic/main.10.skin.php
Normal file
237
theme/rb.basic/skin/shop/basic/main.10.skin.php
Normal file
@ -0,0 +1,237 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
|
||||
$md_id = $this->view_md_id;
|
||||
$rb_module_table = $this->view_md_table;
|
||||
|
||||
$rb_skin = sql_fetch (" select * from {$rb_module_table} where md_id = '{$md_id}' "); //환경설정 테이블 조회 (삭제금지)
|
||||
|
||||
$item_subject = $rb_skin['md_title']; //타이틀
|
||||
|
||||
if($rb_skin['md_module'] == 0) {
|
||||
$links_url = shop_category_url($rb_skin['md_sca']); //링크
|
||||
} else {
|
||||
$links_url = shop_type_url($rb_skin['md_module']); //링크
|
||||
}
|
||||
|
||||
/*
|
||||
모듈설정 연동 변수
|
||||
$rb_skin['md_id']; // 모듈아이디
|
||||
$rb_skin['md_col']; // 열
|
||||
$rb_skin['md_row']; // 행
|
||||
$rb_skin['md_subject_is']; // 상품명 출력여부
|
||||
$rb_skin['md_thumb_is']; // 이미지 출력여부
|
||||
$rb_skin['md_date_is']; // 등록일 출력 여부
|
||||
$rb_skin['md_ca_is']; // 카테고리명 출력 여부
|
||||
$rb_skin['md_comment_is']; // 찜갯수 출력 여부
|
||||
$rb_skin['md_content_is']; // 상품간략설명 출력 여부
|
||||
$rb_skin['md_icon_is']; // 아이콘 출력 여부
|
||||
$rb_skin['md_gap']; // 여백
|
||||
$rb_skin['md_gap_mo']; // 모바일 여백
|
||||
*/
|
||||
?>
|
||||
|
||||
<div class="rb_shop_list2 shop_main_list_rb">
|
||||
<!-- { -->
|
||||
<ul class="bbs_main_wrap_tit">
|
||||
|
||||
<li class="bbs_main_wrap_tit_l">
|
||||
<!-- 타이틀 { -->
|
||||
<a href="<?php echo $links_url ?>">
|
||||
<h2 class="font-B"><?php echo $item_subject ?></h2>
|
||||
</a>
|
||||
<!-- } -->
|
||||
</li>
|
||||
|
||||
|
||||
<li class="bbs_main_wrap_tit_r">
|
||||
|
||||
<?php if($rb_skin['md_sca'] || $rb_skin['md_module']) { ?>
|
||||
<button type="button" class="more_btn" onclick="location.href='<?php echo $links_url ?>';">전체보기</button>
|
||||
<?php } ?>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
<!-- } -->
|
||||
|
||||
|
||||
<div class="rb_swiper"
|
||||
id="rb_swiper_<?php echo $rb_skin['md_id'] ?>"
|
||||
data-pc-w="<?php echo $rb_skin['md_col'] ?>"
|
||||
data-pc-h="<?php echo $rb_skin['md_row'] ?>"
|
||||
data-mo-w="<?php echo $rb_skin['md_col_mo'] ?>"
|
||||
data-mo-h="<?php echo $rb_skin['md_row_mo'] ?>"
|
||||
data-pc-gap="<?php echo $rb_skin['md_gap'] ?>"
|
||||
data-mo-gap="<?php echo $rb_skin['md_gap_mo'] ?>"
|
||||
data-autoplay="<?php echo $rb_skin['md_auto_is'] ?>"
|
||||
data-autoplay-time="<?php echo $rb_skin['md_auto_time'] ?>"
|
||||
data-pc-swap="<?php echo $rb_skin['md_swiper_is'] ?>"
|
||||
data-mo-swap="<?php echo $rb_skin['md_swiper_is'] ?>"
|
||||
>
|
||||
|
||||
<div class="rb_swiper_inner">
|
||||
<div class="rb-swiper-wrapper swiper-wrapper">
|
||||
<?php
|
||||
|
||||
$i = 0;
|
||||
$this->view_star = (method_exists($this, 'view_star')) ? $this->view_star : true;
|
||||
|
||||
foreach((array) $list as $row){
|
||||
if( empty($row) ) continue;
|
||||
|
||||
$item_link_href = shop_item_url($row['it_id']); // 상품링크
|
||||
$star_score = $row['it_use_avg'] ? (int) get_star($row['it_use_avg']) : ''; //사용자후기 평균별점
|
||||
$is_soldout = is_soldout($row['it_id'], true); // 품절인지 체크
|
||||
|
||||
$ca = get_shop_item_with_category($row['it_id']);
|
||||
|
||||
//할인율을 구함
|
||||
if($row['it_cust_price'] && !$row['it_tel_inq']) {
|
||||
$sale_per = ceil(((get_price($row)-$row['it_cust_price'])/$row['it_cust_price'])*100).'%';
|
||||
} else {
|
||||
$sale_per = "";
|
||||
}
|
||||
|
||||
/*
|
||||
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";
|
||||
|
||||
echo "<div class=\"cart-layer\"></div>\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\"><".stripslashes($row['it_id'])."></div>\n";
|
||||
}
|
||||
*/
|
||||
|
||||
$i++;
|
||||
|
||||
?>
|
||||
|
||||
<ul class="rb_swiper_list sct">
|
||||
|
||||
<li class="rb_shop_list_item sct_li">
|
||||
<div class="v_ch_list">
|
||||
<?php if (isset($rb_skin['md_thumb_is']) && $rb_skin['md_thumb_is']) { ?>
|
||||
<div class="rb_shop_list_item_img">
|
||||
<a href="<?php echo $item_link_href ?>">
|
||||
<?php echo rb_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name'])); ?>
|
||||
</a>
|
||||
|
||||
<div class="sit_icon_li">
|
||||
<?php if (isset($rb_skin['md_icon_is']) && $rb_skin['md_icon_is']) { ?>
|
||||
<?php echo item_icon($row) ?>
|
||||
<?php if($row['it_sc_type'] == 1) { ?>
|
||||
<span class="shop_icon shop_icon_6">무료배송</span>
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<?php if ($is_soldout) { ?>
|
||||
<div class="sold_out_wrap">
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><g id="alert_fill" fill='none' fill-rule='nonzero'><path d='M24 0v24H0V0h24ZM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01-.184-.092Z'/><path fill='#ffffff' d='m13.299 3.148 8.634 14.954a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25l8.634-14.954c.577-1 2.02-1 2.598 0ZM12 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm0-7a1 1 0 0 0-.993.883L11 9v4a1 1 0 0 0 1.993.117L13 13V9a1 1 0 0 0-1-1Z'/></g></svg><br>
|
||||
일시품절
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="v_ch_list_r">
|
||||
|
||||
<?php if (isset($rb_skin['md_ca_is']) && $rb_skin['md_ca_is']) { ?>
|
||||
<div class="rb_shop_list_item_ca"><?php echo $ca['ca_name'];?></div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (isset($rb_skin['md_subject_is']) && $rb_skin['md_subject_is']) { ?>
|
||||
<div class="rb_shop_list_item_name" <?php if (!$rb_skin['md_ca_is']) { ?>style="margin-top:20px;"<?php } ?>>
|
||||
<a href="<?php echo $item_link_href ?>" class="font-B cut2">
|
||||
<?php echo stripslashes($row['it_name']); ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (isset($rb_skin['md_content_is']) && $rb_skin['md_content_is'] && $row['it_basic']) { ?>
|
||||
<div class="rb_shop_list_item_basic cut2">
|
||||
<?php echo stripslashes($row['it_basic']) ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($this->view_it_cust_price || $this->view_it_price) { ?>
|
||||
<div class="rb_shop_list_item_pri">
|
||||
<?php if ($this->view_it_price) { ?>
|
||||
<dd class="font-B font-18 <?php if ($this->view_it_cust_price && $row['it_cust_price']) { ?>main_color<?php } ?>"><?php echo display_price(get_price($row), $row['it_tel_inq']) ?></dd>
|
||||
<?php } ?>
|
||||
<?php if ($this->view_it_cust_price && $row['it_cust_price']) { ?>
|
||||
<dd class="font-B font-16"><?php echo $sale_per ?></dd>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (isset($rb_skin['md_comment_is']) && $rb_skin['md_comment_is'] || isset($rb_skin['md_date_is']) && $rb_skin['md_date_is']) { ?>
|
||||
<div class="list_wish_int">
|
||||
<dl>
|
||||
<?php if(isset($rb_skin['md_comment_is']) && $rb_skin['md_comment_is']) { ?>
|
||||
<dd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></dd>
|
||||
<dd><?php echo get_wishlist_count_by_item($row['it_id']); ?></dd>
|
||||
<?php } ?>
|
||||
|
||||
<?php if(isset($rb_skin['md_date_is']) && $rb_skin['md_date_is']) { ?>
|
||||
<dd class="rb_item_list_flex_rights" <?php if(!$rb_skin['md_comment_is']) { ?>style="margin-left:inherit;"<?php } ?>><?php echo substr($row['it_time'], 0, 10); ?></dd>
|
||||
<?php } ?>
|
||||
</dl>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<?php } ?>
|
||||
<?php if($i === 0) echo "<div class=\"da_data\">등록된 상품이 없습니다.</div>"; ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php if($rb_skin['md_swiper_is'] == 1) { //모듈설정:스와이프 사용여부(1,0)?>
|
||||
<div class="rb_swiper_paging_btn">
|
||||
<!-- 좌우 페이징 { -->
|
||||
<button type="button" class="swiper-button-prev rb-swiper-prev">
|
||||
<img src="<?php echo G5_THEME_URL ?>/rb.img/icon/arr_prev.svg">
|
||||
</button>
|
||||
<button type="button" class="swiper-button-next rb-swiper-next">
|
||||
<img src="<?php echo G5_THEME_URL ?>/rb.img/icon/arr_next.svg">
|
||||
</button>
|
||||
<!-- } -->
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
235
theme/rb.basic/skin/shop/basic/main.20.skin.php
Normal file
235
theme/rb.basic/skin/shop/basic/main.20.skin.php
Normal file
@ -0,0 +1,235 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
|
||||
global $rb_core;
|
||||
|
||||
$md_id = $this->view_md_id;
|
||||
$rb_module_table = $this->view_md_table;
|
||||
|
||||
$rb_skin = sql_fetch (" select * from {$rb_module_table} where md_id = '{$md_id}' "); //환경설정 테이블 조회 (삭제금지)
|
||||
|
||||
$item_subject = $rb_skin['md_title']; //타이틀
|
||||
|
||||
|
||||
if($rb_skin['md_module'] == 0) {
|
||||
$links_url = shop_category_url($rb_skin['md_sca']); //링크
|
||||
} else {
|
||||
$links_url = shop_type_url($rb_skin['md_module']); //링크
|
||||
}
|
||||
|
||||
/*
|
||||
모듈설정 연동 변수
|
||||
$rb_skin['md_id']; // 모듈아이디
|
||||
$rb_skin['md_col']; // 열
|
||||
$rb_skin['md_row']; // 행
|
||||
$rb_skin['md_subject_is']; // 상품명 출력여부
|
||||
$rb_skin['md_thumb_is']; // 이미지 출력여부
|
||||
$rb_skin['md_date_is']; // 등록일 출력 여부
|
||||
$rb_skin['md_ca_is']; // 카테고리명 출력 여부
|
||||
$rb_skin['md_comment_is']; // 찜갯수 출력 여부
|
||||
$rb_skin['md_content_is']; // 상품간략설명 출력 여부
|
||||
$rb_skin['md_icon_is']; // 아이콘 출력 여부
|
||||
$rb_skin['md_gap']; // 여백
|
||||
$rb_skin['md_gap_mo']; // 모바일 여백
|
||||
*/
|
||||
?>
|
||||
|
||||
<div class="rb_shop_list3 shop_main_list_rb">
|
||||
<!-- { -->
|
||||
<ul class="bbs_main_wrap_tit">
|
||||
|
||||
<li class="bbs_main_wrap_tit_l">
|
||||
<!-- 타이틀 { -->
|
||||
<a href="<?php echo $links_url ?>">
|
||||
<h2 class="font-B"><?php echo $item_subject ?></h2>
|
||||
</a>
|
||||
<!-- } -->
|
||||
</li>
|
||||
|
||||
<li class="bbs_main_wrap_tit_r">
|
||||
|
||||
<?php if($rb_skin['md_sca'] || $rb_skin['md_module']) { ?>
|
||||
<button type="button" class="more_btn" onclick="location.href='<?php echo $links_url ?>';">전체보기</button>
|
||||
<?php } ?>
|
||||
|
||||
</li>
|
||||
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
<!-- } -->
|
||||
|
||||
<div class="rb_swiper"
|
||||
id="rb_swiper_<?php echo $rb_skin['md_id'] ?>"
|
||||
data-pc-w="<?php echo $rb_skin['md_col'] ?>"
|
||||
data-pc-h="<?php echo $rb_skin['md_row'] ?>"
|
||||
data-mo-w="<?php echo $rb_skin['md_col_mo'] ?>"
|
||||
data-mo-h="<?php echo $rb_skin['md_row_mo'] ?>"
|
||||
data-pc-gap="<?php echo $rb_skin['md_gap'] ?>"
|
||||
data-mo-gap="<?php echo $rb_skin['md_gap_mo'] ?>"
|
||||
data-autoplay="<?php echo $rb_skin['md_auto_is'] ?>"
|
||||
data-autoplay-time="<?php echo $rb_skin['md_auto_time'] ?>"
|
||||
data-pc-swap="<?php echo $rb_skin['md_swiper_is'] ?>"
|
||||
data-mo-swap="<?php echo $rb_skin['md_swiper_is'] ?>"
|
||||
>
|
||||
|
||||
<div class="rb_swiper_inner">
|
||||
<div class="rb-swiper-wrapper swiper-wrapper">
|
||||
<?php
|
||||
|
||||
$i = 0;
|
||||
$this->view_star = (method_exists($this, 'view_star')) ? $this->view_star : true;
|
||||
|
||||
foreach((array) $list as $row){
|
||||
if( empty($row) ) continue;
|
||||
|
||||
$item_link_href = shop_item_url($row['it_id']); // 상품링크
|
||||
$star_score = $row['it_use_avg'] ? (int) get_star($row['it_use_avg']) : ''; //사용자후기 평균별점
|
||||
$is_soldout = is_soldout($row['it_id'], true); // 품절인지 체크
|
||||
|
||||
$ca = get_shop_item_with_category($row['it_id']);
|
||||
|
||||
//할인율을 구함
|
||||
if($row['it_cust_price'] && !$row['it_tel_inq']) {
|
||||
$sale_per = ceil(((get_price($row)-$row['it_cust_price'])/$row['it_cust_price'])*100).'%';
|
||||
} else {
|
||||
$sale_per = "";
|
||||
}
|
||||
|
||||
/*
|
||||
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";
|
||||
|
||||
echo "<div class=\"cart-layer\"></div>\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\"><".stripslashes($row['it_id'])."></div>\n";
|
||||
}
|
||||
*/
|
||||
|
||||
$i++;
|
||||
|
||||
?>
|
||||
|
||||
|
||||
<ul class="rb_swiper_list sct">
|
||||
|
||||
<li class="rb_shop_list_item sct_li">
|
||||
<div class="v_ch_list">
|
||||
<?php if (isset($rb_skin['md_thumb_is']) && $rb_skin['md_thumb_is']) { ?>
|
||||
<div class="rb_shop_list_item_img">
|
||||
<a href="<?php echo $item_link_href ?>">
|
||||
<?php echo rb_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name'])); ?>
|
||||
</a>
|
||||
|
||||
<div class="sit_icon_li">
|
||||
<?php if (isset($rb_skin['md_icon_is']) && $rb_skin['md_icon_is']) { ?>
|
||||
<?php echo item_icon($row) ?>
|
||||
<?php if($row['it_sc_type'] == 1) { ?>
|
||||
<span class="shop_icon shop_icon_6">무료배송</span>
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<?php if ($is_soldout) { ?>
|
||||
<div class="sold_out_wrap">
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><g id="alert_fill" fill='none' fill-rule='nonzero'><path d='M24 0v24H0V0h24ZM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01-.184-.092Z'/><path fill='#ffffff' d='m13.299 3.148 8.634 14.954a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25l8.634-14.954c.577-1 2.02-1 2.598 0ZM12 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm0-7a1 1 0 0 0-.993.883L11 9v4a1 1 0 0 0 1.993.117L13 13V9a1 1 0 0 0-1-1Z'/></g></svg><br>
|
||||
일시품절
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
|
||||
<div class="v_ch_list_r">
|
||||
|
||||
<?php if (isset($rb_skin['md_ca_is']) && $rb_skin['md_ca_is']) { ?>
|
||||
<div class="rb_shop_list_item_ca"><?php echo $ca['ca_name'];?></div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (isset($rb_skin['md_subject_is']) && $rb_skin['md_subject_is']) { ?>
|
||||
<div class="rb_shop_list_item_name" <?php if (!$rb_skin['md_ca_is']) { ?>style="margin-top:0px;"<?php } ?>>
|
||||
<a href="<?php echo $item_link_href ?>" class="font-B cut2">
|
||||
<?php echo stripslashes($row['it_name']); ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (isset($rb_skin['md_content_is']) && $rb_skin['md_content_is'] && $row['it_basic']) { ?>
|
||||
<div class="rb_shop_list_item_basic cut2">
|
||||
<?php echo stripslashes($row['it_basic']) ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($this->view_it_cust_price || $this->view_it_price) { ?>
|
||||
<div class="rb_shop_list_item_pri">
|
||||
<?php if ($this->view_it_price) { ?>
|
||||
<dd class="font-B font-18 <?php if ($this->view_it_cust_price && $row['it_cust_price']) { ?>main_color<?php } ?>"><?php echo display_price(get_price($row), $row['it_tel_inq']) ?></dd>
|
||||
<?php } ?>
|
||||
<?php if ($this->view_it_cust_price && $row['it_cust_price']) { ?>
|
||||
<dd class="font-B font-16"><?php echo $sale_per ?></dd>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (isset($rb_skin['md_comment_is']) && $rb_skin['md_comment_is'] || isset($rb_skin['md_date_is']) && $rb_skin['md_date_is']) { ?>
|
||||
<div class="list_wish_int">
|
||||
<dl>
|
||||
<?php if(isset($rb_skin['md_comment_is']) && $rb_skin['md_comment_is']) { ?>
|
||||
<dd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></dd>
|
||||
<dd><?php echo get_wishlist_count_by_item($row['it_id']); ?></dd>
|
||||
<?php } ?>
|
||||
|
||||
<?php if(isset($rb_skin['md_date_is']) && $rb_skin['md_date_is']) { ?>
|
||||
<dd class="rb_item_list_flex_rights" <?php if(!$rb_skin['md_comment_is']) { ?>style="margin-left:inherit;"<?php } ?>><?php echo substr($row['it_time'], 0, 10); ?></dd>
|
||||
<?php } ?>
|
||||
</dl>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="cb"></div>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<?php } ?>
|
||||
<?php if($i === 0) echo "<div class=\"da_data\">등록된 상품이 없습니다.</div>"; ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php if($rb_skin['md_swiper_is'] == 1) { //모듈설정:스와이프 사용여부(1,0)?>
|
||||
<div class="rb_swiper_paging_btn">
|
||||
<!-- 좌우 페이징 { -->
|
||||
<button type="button" class="swiper-button-prev rb-swiper-prev">
|
||||
<img src="<?php echo G5_THEME_URL ?>/rb.img/icon/arr_prev.svg">
|
||||
</button>
|
||||
<button type="button" class="swiper-button-next rb-swiper-next">
|
||||
<img src="<?php echo G5_THEME_URL ?>/rb.img/icon/arr_next.svg">
|
||||
</button>
|
||||
<!-- } -->
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
236
theme/rb.basic/skin/shop/basic/main.30.skin.php
Normal file
236
theme/rb.basic/skin/shop/basic/main.30.skin.php
Normal file
@ -0,0 +1,236 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
|
||||
global $rb_core;
|
||||
|
||||
$md_id = $this->view_md_id;
|
||||
$rb_module_table = $this->view_md_table;
|
||||
|
||||
$rb_skin = sql_fetch (" select * from {$rb_module_table} where md_id = '{$md_id}' "); //환경설정 테이블 조회 (삭제금지)
|
||||
|
||||
$item_subject = $rb_skin['md_title']; //타이틀
|
||||
|
||||
|
||||
if($rb_skin['md_module'] == 0) {
|
||||
$links_url = shop_category_url($rb_skin['md_sca']); //링크
|
||||
} else {
|
||||
$links_url = shop_type_url($rb_skin['md_module']); //링크
|
||||
}
|
||||
|
||||
/*
|
||||
모듈설정 연동 변수
|
||||
$rb_skin['md_id']; // 모듈아이디
|
||||
$rb_skin['md_col']; // 열
|
||||
$rb_skin['md_row']; // 행
|
||||
$rb_skin['md_subject_is']; // 상품명 출력여부
|
||||
$rb_skin['md_thumb_is']; // 이미지 출력여부
|
||||
$rb_skin['md_date_is']; // 등록일 출력 여부
|
||||
$rb_skin['md_ca_is']; // 카테고리명 출력 여부
|
||||
$rb_skin['md_comment_is']; // 찜갯수 출력 여부
|
||||
$rb_skin['md_content_is']; // 상품간략설명 출력 여부
|
||||
$rb_skin['md_icon_is']; // 아이콘 출력 여부
|
||||
$rb_skin['md_gap']; // 여백
|
||||
$rb_skin['md_gap_mo']; // 모바일 여백
|
||||
*/
|
||||
?>
|
||||
|
||||
|
||||
<style>
|
||||
.shop_main_list_rb .bbs_main_wrap_tit {margin-bottom: 60px;}
|
||||
.shop_main_list_rb {padding-top: 80px; padding-bottom: 100px; padding-left: 80px; padding-right: 80px;}
|
||||
.shop_main_list_rb .bbs_main_wrap_tit_l {float:none; width: 100%; text-align: center;}
|
||||
.shop_main_list_rb .bbs_main_wrap_tit_l a {font-size: 50px;color: #483729;letter-spacing: -2px;}
|
||||
.shop_main_list_rb .bbs_main_wrap_tit_l p {font-size: 18px;color: #483729;}
|
||||
.rb_shop_list4 .swiper-slide .rb_swiper_list {border:1px solid rgba(0,0,0,0.0); background-color: #f9f9f9; }
|
||||
.rb_shop_list4 .swiper-slide .rb_swiper_list:hover {border:1px solid rgba(0,0,0,0.1); background-color: #f9f9f9; }
|
||||
|
||||
@media all and (max-width:1024px) {
|
||||
.shop_main_list_rb {padding-top: 60px; padding-bottom: 60px; padding-left: 20px; padding-right: 20px;}
|
||||
.shop_main_list_rb .bbs_main_wrap_tit_l a {font-size: 34px;letter-spacing: -0px;}
|
||||
.shop_main_list_rb .bbs_main_wrap_tit_l p {font-size: 16px; word-break: keep-all;}
|
||||
</style>
|
||||
<div class="rb_shop_list4 shop_main_list_rb">
|
||||
|
||||
|
||||
<!-- { -->
|
||||
<ul class="bbs_main_wrap_tit">
|
||||
|
||||
<li class="bbs_main_wrap_tit_l">
|
||||
<!-- 타이틀 { -->
|
||||
<a href="javascript:void(0);">
|
||||
<h2 class="font-B"><?php echo $item_subject ?></h2>
|
||||
</a>
|
||||
<!-- } -->
|
||||
<p>퍼스트가든을 더욱 편리하게 이용할 수 있어요!</p>
|
||||
</li>
|
||||
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
<!-- } -->
|
||||
|
||||
<div class="rb_swiper"
|
||||
id="rb_swiper_<?php echo $rb_skin['md_id'] ?>"
|
||||
data-pc-w="<?php echo $rb_skin['md_col'] ?>"
|
||||
data-pc-h="<?php echo $rb_skin['md_row'] ?>"
|
||||
data-mo-w="<?php echo $rb_skin['md_col_mo'] ?>"
|
||||
data-mo-h="<?php echo $rb_skin['md_row_mo'] ?>"
|
||||
data-pc-gap="<?php echo $rb_skin['md_gap'] ?>"
|
||||
data-mo-gap="<?php echo $rb_skin['md_gap_mo'] ?>"
|
||||
data-autoplay="<?php echo $rb_skin['md_auto_is'] ?>"
|
||||
data-autoplay-time="<?php echo $rb_skin['md_auto_time'] ?>"
|
||||
data-pc-swap="<?php echo $rb_skin['md_swiper_is'] ?>"
|
||||
data-mo-swap="<?php echo $rb_skin['md_swiper_is'] ?>"
|
||||
>
|
||||
|
||||
<div class="rb_swiper_inner">
|
||||
<div class="rb-swiper-wrapper swiper-wrapper">
|
||||
<?php
|
||||
|
||||
$i = 0;
|
||||
$this->view_star = (method_exists($this, 'view_star')) ? $this->view_star : true;
|
||||
|
||||
foreach((array) $list as $row){
|
||||
if( empty($row) ) continue;
|
||||
|
||||
$item_link_href = shop_item_url($row['it_id']); // 상품링크
|
||||
$star_score = $row['it_use_avg'] ? (int) get_star($row['it_use_avg']) : ''; //사용자후기 평균별점
|
||||
$is_soldout = is_soldout($row['it_id'], true); // 품절인지 체크
|
||||
|
||||
$ca = get_shop_item_with_category($row['it_id']);
|
||||
|
||||
//할인율을 구함
|
||||
if($row['it_cust_price'] && !$row['it_tel_inq']) {
|
||||
$sale_per = ceil(((get_price($row)-$row['it_cust_price'])/$row['it_cust_price'])*100).'%';
|
||||
} else {
|
||||
$sale_per = "";
|
||||
}
|
||||
|
||||
/*
|
||||
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";
|
||||
|
||||
echo "<div class=\"cart-layer\"></div>\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\"><".stripslashes($row['it_id'])."></div>\n";
|
||||
}
|
||||
*/
|
||||
|
||||
$i++;
|
||||
|
||||
?>
|
||||
|
||||
|
||||
<ul class="rb_swiper_list sct" onclick="location.href='<?php echo $item_link_href ?>';">
|
||||
|
||||
<li class="rb_shop_list_item sct_li">
|
||||
<div class="v_ch_list">
|
||||
<?php if (isset($rb_skin['md_thumb_is']) && $rb_skin['md_thumb_is']) { ?>
|
||||
<div class="rb_shop_list_item_img">
|
||||
<a href="<?php echo $item_link_href ?>">
|
||||
<?php echo rb_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name'])); ?>
|
||||
</a>
|
||||
|
||||
<div class="sit_icon_li">
|
||||
<?php if (isset($rb_skin['md_icon_is']) && $rb_skin['md_icon_is']) { ?>
|
||||
<?php echo item_icon($row) ?>
|
||||
<?php if($row['it_sc_type'] == 1) { ?>
|
||||
<span class="shop_icon shop_icon_6">무료배송</span>
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<?php if ($is_soldout) { ?>
|
||||
<div class="sold_out_wrap">
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><g id="alert_fill" fill='none' fill-rule='nonzero'><path d='M24 0v24H0V0h24ZM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01-.184-.092Z'/><path fill='#ffffff' d='m13.299 3.148 8.634 14.954a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25l8.634-14.954c.577-1 2.02-1 2.598 0ZM12 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm0-7a1 1 0 0 0-.993.883L11 9v4a1 1 0 0 0 1.993.117L13 13V9a1 1 0 0 0-1-1Z'/></g></svg><br>
|
||||
일시품절
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
|
||||
<div class="v_ch_list_r">
|
||||
|
||||
<?php if (isset($rb_skin['md_ca_is']) && $rb_skin['md_ca_is']) { ?>
|
||||
<div class="rb_shop_list_item_ca"><?php echo $ca['ca_name'];?></div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (isset($rb_skin['md_subject_is']) && $rb_skin['md_subject_is']) { ?>
|
||||
<div class="rb_shop_list_item_name" <?php if (!$rb_skin['md_ca_is']) { ?>style="margin-top:0px;"<?php } ?>>
|
||||
<a href="<?php echo $item_link_href ?>" class="font-B cut">
|
||||
<?php echo stripslashes($row['it_name']); ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (isset($rb_skin['md_content_is']) && $rb_skin['md_content_is'] && $row['it_basic']) { ?>
|
||||
<div class="rb_shop_list_item_basic cut2">
|
||||
<?php echo stripslashes($row['it_basic']) ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($this->view_it_cust_price || $this->view_it_price) { ?>
|
||||
<div class="rb_shop_list_item_pri">
|
||||
<?php if ($this->view_it_price) { ?>
|
||||
<dd class="font-B font-18 <?php if ($this->view_it_cust_price && $row['it_cust_price']) { ?>main_color<?php } ?>"><?php echo display_price(get_price($row), $row['it_tel_inq']) ?></dd>
|
||||
<?php } ?>
|
||||
<?php if ($this->view_it_cust_price && $row['it_cust_price']) { ?>
|
||||
<dd class="font-B font-16"><?php echo $sale_per ?></dd>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (isset($rb_skin['md_comment_is']) && $rb_skin['md_comment_is'] || isset($rb_skin['md_date_is']) && $rb_skin['md_date_is']) { ?>
|
||||
<div class="list_wish_int">
|
||||
<dl>
|
||||
<?php if(isset($rb_skin['md_comment_is']) && $rb_skin['md_comment_is']) { ?>
|
||||
<dd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></dd>
|
||||
<dd><?php echo get_wishlist_count_by_item($row['it_id']); ?></dd>
|
||||
<?php } ?>
|
||||
|
||||
<?php if(isset($rb_skin['md_date_is']) && $rb_skin['md_date_is']) { ?>
|
||||
<dd class="rb_item_list_flex_rights" <?php if(!$rb_skin['md_comment_is']) { ?>style="margin-left:inherit;"<?php } ?>><?php echo substr($row['it_time'], 0, 10); ?></dd>
|
||||
<?php } ?>
|
||||
</dl>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="cb"></div>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<?php } ?>
|
||||
<?php if($i === 0) echo "<div class=\"da_data\">등록된 상품이 없습니다.</div>"; ?>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
250
theme/rb.basic/skin/shop/basic/main.40.skin.php
Normal file
250
theme/rb.basic/skin/shop/basic/main.40.skin.php
Normal file
@ -0,0 +1,250 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
|
||||
global $rb_core;
|
||||
|
||||
$md_id = $this->view_md_id;
|
||||
$rb_module_table = $this->view_md_table;
|
||||
|
||||
$rb_skin = sql_fetch (" select * from {$rb_module_table} where md_id = '{$md_id}' "); //환경설정 테이블 조회 (삭제금지)
|
||||
|
||||
$item_subject = $rb_skin['md_title']; //타이틀
|
||||
|
||||
|
||||
if($rb_skin['md_module'] == 0) {
|
||||
$links_url = shop_category_url($rb_skin['md_sca']); //링크
|
||||
} else {
|
||||
$links_url = shop_type_url($rb_skin['md_module']); //링크
|
||||
}
|
||||
|
||||
/*
|
||||
모듈설정 연동 변수
|
||||
$rb_skin['md_id']; // 모듈아이디
|
||||
$rb_skin['md_col']; // 열
|
||||
$rb_skin['md_row']; // 행
|
||||
$rb_skin['md_subject_is']; // 상품명 출력여부
|
||||
$rb_skin['md_thumb_is']; // 이미지 출력여부
|
||||
$rb_skin['md_date_is']; // 등록일 출력 여부
|
||||
$rb_skin['md_ca_is']; // 카테고리명 출력 여부
|
||||
$rb_skin['md_comment_is']; // 찜갯수 출력 여부
|
||||
$rb_skin['md_content_is']; // 상품간략설명 출력 여부
|
||||
$rb_skin['md_icon_is']; // 아이콘 출력 여부
|
||||
$rb_skin['md_gap']; // 여백
|
||||
$rb_skin['md_gap_mo']; // 모바일 여백
|
||||
*/
|
||||
?>
|
||||
|
||||
<div class="rb_shop_list5 shop_main_list_rb">
|
||||
<!-- { -->
|
||||
<ul class="bbs_main_wrap_tit">
|
||||
|
||||
<li class="bbs_main_wrap_tit_l">
|
||||
<!-- 타이틀 { -->
|
||||
<a href="<?php echo $links_url ?>">
|
||||
<h2 class="font-B"><?php echo $item_subject ?></h2>
|
||||
</a>
|
||||
<!-- } -->
|
||||
</li>
|
||||
|
||||
<li class="bbs_main_wrap_tit_r">
|
||||
|
||||
<?php if($rb_skin['md_sca'] || $rb_skin['md_module']) { ?>
|
||||
<button type="button" class="more_btn" onclick="location.href='<?php echo $links_url ?>';">전체보기</button>
|
||||
<?php } ?>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
<!-- } -->
|
||||
|
||||
<div class="rb_swiper"
|
||||
id="rb_swiper_<?php echo $rb_skin['md_id'] ?>"
|
||||
data-pc-w="<?php echo $rb_skin['md_col'] ?>"
|
||||
data-pc-h="<?php echo $rb_skin['md_row'] ?>"
|
||||
data-mo-w="<?php echo $rb_skin['md_col_mo'] ?>"
|
||||
data-mo-h="<?php echo $rb_skin['md_row_mo'] ?>"
|
||||
data-pc-gap="<?php echo $rb_skin['md_gap'] ?>"
|
||||
data-mo-gap="<?php echo $rb_skin['md_gap_mo'] ?>"
|
||||
data-autoplay="<?php echo $rb_skin['md_auto_is'] ?>"
|
||||
data-autoplay-time="<?php echo $rb_skin['md_auto_time'] ?>"
|
||||
data-pc-swap="<?php echo $rb_skin['md_swiper_is'] ?>"
|
||||
data-mo-swap="<?php echo $rb_skin['md_swiper_is'] ?>"
|
||||
>
|
||||
|
||||
<div class="rb_swiper_inner">
|
||||
<div class="rb-swiper-wrapper swiper-wrapper">
|
||||
<?php
|
||||
|
||||
$i = 0;
|
||||
$this->view_star = (method_exists($this, 'view_star')) ? $this->view_star : true;
|
||||
|
||||
foreach((array) $list as $row){
|
||||
if( empty($row) ) continue;
|
||||
|
||||
$item_link_href = shop_item_url($row['it_id']); // 상품링크
|
||||
$star_score = $row['it_use_avg'] ? (int) get_star($row['it_use_avg']) : ''; //사용자후기 평균별점
|
||||
$is_soldout = is_soldout($row['it_id'], true); // 품절인지 체크
|
||||
|
||||
$ca = get_shop_item_with_category($row['it_id']);
|
||||
|
||||
//할인율을 구함
|
||||
if($row['it_cust_price'] && !$row['it_tel_inq']) {
|
||||
$sale_per = ceil(((get_price($row)-$row['it_cust_price'])/$row['it_cust_price'])*100).'%';
|
||||
} else {
|
||||
$sale_per = "";
|
||||
}
|
||||
|
||||
/*
|
||||
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";
|
||||
|
||||
echo "<div class=\"cart-layer\"></div>\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\"><".stripslashes($row['it_id'])."></div>\n";
|
||||
}
|
||||
*/
|
||||
|
||||
$i++;
|
||||
|
||||
?>
|
||||
|
||||
|
||||
<ul class="rb_swiper_list sct" onclick="location.href='<?php echo $item_link_href ?>';">
|
||||
|
||||
<li class="rb_shop_list_item sct_li">
|
||||
<div class="v_ch_list">
|
||||
<?php if (isset($rb_skin['md_thumb_is']) && $rb_skin['md_thumb_is']) { ?>
|
||||
<div class="rb_shop_list_item_img">
|
||||
<a href="<?php echo $item_link_href ?>">
|
||||
<?php echo rb_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name'])); ?>
|
||||
</a>
|
||||
|
||||
|
||||
<?php if ($is_soldout) { ?>
|
||||
<div class="sold_out_wrap">
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
품절
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
|
||||
<div class="v_ch_list_r">
|
||||
|
||||
<ul class="v_ch_list_r_l">
|
||||
<?php if (isset($rb_skin['md_ca_is']) && $rb_skin['md_ca_is']) { ?>
|
||||
<div class="rb_shop_list_item_ca"><?php echo $ca['ca_name'];?></div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (isset($rb_skin['md_subject_is']) && $rb_skin['md_subject_is']) { ?>
|
||||
<div class="rb_shop_list_item_name" <?php if (!$rb_skin['md_ca_is']) { ?>style="margin-top:0px;"<?php } ?>>
|
||||
<a href="<?php echo $item_link_href ?>" class="font-R cut">
|
||||
<?php echo stripslashes($row['it_name']); ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (isset($rb_skin['md_content_is']) && $rb_skin['md_content_is'] && $row['it_basic']) { ?>
|
||||
<div class="rb_shop_list_item_basic cut">
|
||||
<?php echo stripslashes($row['it_basic']) ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($this->view_it_cust_price || $this->view_it_price) { ?>
|
||||
<div class="rb_shop_list_item_pri">
|
||||
<?php if ($this->view_it_price) { ?>
|
||||
<dd class="font-B font-16 <?php if ($this->view_it_cust_price && $row['it_cust_price']) { ?>main_color<?php } ?>"><?php echo display_price(get_price($row), $row['it_tel_inq']) ?></dd>
|
||||
<?php } ?>
|
||||
<?php if ($sale_per) { ?>
|
||||
<dd class="font-B font-14"><?php echo $sale_per ?></dd>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="mt-10">
|
||||
<?php if(isset($rb_skin['md_date_is']) && $rb_skin['md_date_is']) { ?>
|
||||
<ul class="date_fl"><?php echo substr($row['it_time'], 0, 10); ?></ul>
|
||||
<?php } ?>
|
||||
<?php if (isset($rb_skin['md_icon_is']) && $rb_skin['md_icon_is']) { ?>
|
||||
<ul class="sit_icon_li">
|
||||
|
||||
<?php echo item_icon($row) ?>
|
||||
<?php if($row['it_sc_type'] == 1) { ?>
|
||||
<span class="shop_icon shop_icon_6">무료배송</span>
|
||||
<?php } ?>
|
||||
|
||||
</ul>
|
||||
<?php } ?>
|
||||
<div class="cb"></div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="cb"></div>
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<?php if (isset($rb_skin['md_comment_is']) && $rb_skin['md_comment_is']) { ?>
|
||||
<div class="list_wish_int">
|
||||
<dl>
|
||||
<?php if(isset($rb_skin['md_comment_is']) && $rb_skin['md_comment_is']) { ?>
|
||||
<dd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></dd>
|
||||
<dd><?php echo get_wishlist_count_by_item($row['it_id']); ?></dd>
|
||||
<?php } ?>
|
||||
</dl>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</ul>
|
||||
|
||||
<?php } ?>
|
||||
<?php if($i === 0) echo "<div class=\"da_data\">등록된 상품이 없습니다.</div>"; ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php if($rb_skin['md_swiper_is'] == 1) { //모듈설정:스와이프 사용여부(1,0)?>
|
||||
<div class="rb_swiper_paging_btn">
|
||||
<!-- 좌우 페이징 { -->
|
||||
<button type="button" class="swiper-button-prev rb-swiper-prev">
|
||||
<img src="<?php echo G5_THEME_URL ?>/rb.img/icon/arr_prev.svg">
|
||||
</button>
|
||||
<button type="button" class="swiper-button-next rb-swiper-next">
|
||||
<img src="<?php echo G5_THEME_URL ?>/rb.img/icon/arr_next.svg">
|
||||
</button>
|
||||
<!-- } -->
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
238
theme/rb.basic/skin/shop/basic/main.50.skin.php
Normal file
238
theme/rb.basic/skin/shop/basic/main.50.skin.php
Normal file
@ -0,0 +1,238 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
|
||||
$md_id = $this->view_md_id;
|
||||
$rb_module_table = $this->view_md_table;
|
||||
|
||||
$rb_skin = sql_fetch (" select * from {$rb_module_table} where md_id = '{$md_id}' "); //환경설정 테이블 조회 (삭제금지)
|
||||
|
||||
$item_subject = $rb_skin['md_title']; //타이틀
|
||||
|
||||
if($rb_skin['md_module'] == 0) {
|
||||
$links_url = shop_category_url($rb_skin['md_sca']); //링크
|
||||
} else {
|
||||
$links_url = shop_type_url($rb_skin['md_module']); //링크
|
||||
}
|
||||
|
||||
/*
|
||||
모듈설정 연동 변수
|
||||
$rb_skin['md_id']; // 모듈아이디
|
||||
$rb_skin['md_col']; // 열
|
||||
$rb_skin['md_row']; // 행
|
||||
$rb_skin['md_col_mo']; // 모바일 열
|
||||
$rb_skin['md_row_mo']; // 모바일 행
|
||||
$rb_skin['md_subject_is']; // 상품명 출력여부
|
||||
$rb_skin['md_thumb_is']; // 이미지 출력여부
|
||||
$rb_skin['md_date_is']; // 등록일 출력 여부
|
||||
$rb_skin['md_ca_is']; // 카테고리명 출력 여부
|
||||
$rb_skin['md_comment_is']; // 찜갯수 출력 여부
|
||||
$rb_skin['md_content_is']; // 상품간략설명 출력 여부
|
||||
$rb_skin['md_icon_is']; // 아이콘 출력 여부
|
||||
$rb_skin['md_gap']; // 여백
|
||||
$rb_skin['md_gap_mo']; // 모바일 여백
|
||||
*/
|
||||
?>
|
||||
|
||||
<div class="rb_shop_list2 shop_main_list_rb">
|
||||
<!-- { -->
|
||||
<ul class="bbs_main_wrap_tit">
|
||||
|
||||
<li class="bbs_main_wrap_tit_l">
|
||||
<!-- 타이틀 { -->
|
||||
<a href="<?php echo $links_url ?>">
|
||||
<h2 class="font-B"><?php echo $item_subject ?></h2>
|
||||
</a>
|
||||
<!-- } -->
|
||||
</li>
|
||||
|
||||
<li class="bbs_main_wrap_tit_r">
|
||||
|
||||
<?php if($rb_skin['md_sca'] || $rb_skin['md_module']) { ?>
|
||||
<button type="button" class="more_btn" onclick="location.href='<?php echo $links_url ?>';">전체보기</button>
|
||||
<?php } ?>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
<!-- } -->
|
||||
|
||||
<div class="rb_swiper"
|
||||
id="rb_swiper_<?php echo $rb_skin['md_id'] ?>"
|
||||
data-pc-w="<?php echo $rb_skin['md_col'] ?>"
|
||||
data-pc-h="<?php echo $rb_skin['md_row'] ?>"
|
||||
data-mo-w="<?php echo $rb_skin['md_col_mo'] ?>"
|
||||
data-mo-h="<?php echo $rb_skin['md_row_mo'] ?>"
|
||||
data-pc-gap="<?php echo $rb_skin['md_gap'] ?>"
|
||||
data-mo-gap="<?php echo $rb_skin['md_gap_mo'] ?>"
|
||||
data-autoplay="<?php echo $rb_skin['md_auto_is'] ?>"
|
||||
data-autoplay-time="<?php echo $rb_skin['md_auto_time'] ?>"
|
||||
data-pc-swap="<?php echo $rb_skin['md_swiper_is'] ?>"
|
||||
data-mo-swap="<?php echo $rb_skin['md_swiper_is'] ?>"
|
||||
>
|
||||
|
||||
<div class="rb_swiper_inner">
|
||||
<div class="rb-swiper-wrapper swiper-wrapper">
|
||||
<?php
|
||||
|
||||
$i = 0;
|
||||
$this->view_star = (method_exists($this, 'view_star')) ? $this->view_star : true;
|
||||
|
||||
foreach((array) $list as $row){
|
||||
if( empty($row) ) continue;
|
||||
|
||||
$item_link_href = shop_item_url($row['it_id']); // 상품링크
|
||||
$star_score = $row['it_use_avg'] ? (int) get_star($row['it_use_avg']) : ''; //사용자후기 평균별점
|
||||
$is_soldout = is_soldout($row['it_id'], true); // 품절인지 체크
|
||||
|
||||
$ca = get_shop_item_with_category($row['it_id']);
|
||||
|
||||
//할인율을 구함
|
||||
if($row['it_cust_price'] && !$row['it_tel_inq']) {
|
||||
$sale_per = ceil(((get_price($row)-$row['it_cust_price'])/$row['it_cust_price'])*100).'%';
|
||||
} else {
|
||||
$sale_per = "";
|
||||
}
|
||||
|
||||
/*
|
||||
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";
|
||||
|
||||
echo "<div class=\"cart-layer\"></div>\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\"><".stripslashes($row['it_id'])."></div>\n";
|
||||
}
|
||||
*/
|
||||
|
||||
$i++;
|
||||
|
||||
?>
|
||||
|
||||
|
||||
<ul class="rb_swiper_list sct">
|
||||
|
||||
<li class="rb_shop_list_item sct_li">
|
||||
<div class="v_ch_list">
|
||||
<?php if (isset($rb_skin['md_thumb_is']) && $rb_skin['md_thumb_is']) { ?>
|
||||
<div class="rb_shop_list_item_img">
|
||||
<a href="<?php echo $item_link_href ?>">
|
||||
<?php echo rb_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name'])); ?>
|
||||
</a>
|
||||
|
||||
<div class="sit_icon_li">
|
||||
<?php if (isset($rb_skin['md_icon_is']) && $rb_skin['md_icon_is']) { ?>
|
||||
<?php echo item_icon($row) ?>
|
||||
<?php if($row['it_sc_type'] == 1) { ?>
|
||||
<span class="shop_icon shop_icon_6">무료배송</span>
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<?php if ($is_soldout) { ?>
|
||||
<div class="sold_out_wrap">
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><g id="alert_fill" fill='none' fill-rule='nonzero'><path d='M24 0v24H0V0h24ZM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01-.184-.092Z'/><path fill='#ffffff' d='m13.299 3.148 8.634 14.954a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25l8.634-14.954c.577-1 2.02-1 2.598 0ZM12 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm0-7a1 1 0 0 0-.993.883L11 9v4a1 1 0 0 0 1.993.117L13 13V9a1 1 0 0 0-1-1Z'/></g></svg><br>
|
||||
일시품절
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="v_ch_list_r">
|
||||
|
||||
<?php if (isset($rb_skin['md_ca_is']) && $rb_skin['md_ca_is']) { ?>
|
||||
<div class="rb_shop_list_item_ca"><?php echo $ca['ca_name'];?></div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (isset($rb_skin['md_subject_is']) && $rb_skin['md_subject_is']) { ?>
|
||||
<div class="rb_shop_list_item_name" <?php if (!$rb_skin['md_ca_is']) { ?>style="margin-top:20px;"<?php } ?>>
|
||||
<a href="<?php echo $item_link_href ?>" class="font-B cut2">
|
||||
<?php echo stripslashes($row['it_name']); ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (isset($rb_skin['md_content_is']) && $rb_skin['md_content_is'] && $row['it_basic']) { ?>
|
||||
<div class="rb_shop_list_item_basic cut2">
|
||||
<?php echo stripslashes($row['it_basic']) ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($this->view_it_cust_price || $this->view_it_price) { ?>
|
||||
<div class="rb_shop_list_item_pri">
|
||||
<?php if ($this->view_it_price) { ?>
|
||||
<dd class="font-B font-18 <?php if ($this->view_it_cust_price && $row['it_cust_price']) { ?>main_color<?php } ?>"><?php echo display_price(get_price($row), $row['it_tel_inq']) ?></dd>
|
||||
<?php } ?>
|
||||
<?php if ($this->view_it_cust_price && $row['it_cust_price']) { ?>
|
||||
<dd class="font-B font-16"><?php echo $sale_per ?></dd>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (isset($rb_skin['md_comment_is']) && $rb_skin['md_comment_is'] || isset($rb_skin['md_date_is']) && $rb_skin['md_date_is']) { ?>
|
||||
<div class="list_wish_int">
|
||||
<dl>
|
||||
<?php if(isset($rb_skin['md_comment_is']) && $rb_skin['md_comment_is']) { ?>
|
||||
<dd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></dd>
|
||||
<dd><?php echo get_wishlist_count_by_item($row['it_id']); ?></dd>
|
||||
<?php } ?>
|
||||
|
||||
<?php if(isset($rb_skin['md_date_is']) && $rb_skin['md_date_is']) { ?>
|
||||
<dd class="rb_item_list_flex_rights" <?php if(!$rb_skin['md_comment_is']) { ?>style="margin-left:inherit;"<?php } ?>><?php echo substr($row['it_time'], 0, 10); ?></dd>
|
||||
<?php } ?>
|
||||
</dl>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<?php } ?>
|
||||
<?php if($i === 0) echo "<div class=\"da_data\">등록된 상품이 없습니다.</div>"; ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php if($rb_skin['md_swiper_is'] == 1) { //모듈설정:스와이프 사용여부(1,0)?>
|
||||
<div class="rb_swiper_paging_btn">
|
||||
<!-- 좌우 페이징 { -->
|
||||
<button type="button" class="swiper-button-prev rb-swiper-prev">
|
||||
<img src="<?php echo G5_THEME_URL ?>/rb.img/icon/arr_prev.svg">
|
||||
</button>
|
||||
<button type="button" class="swiper-button-next rb-swiper-next">
|
||||
<img src="<?php echo G5_THEME_URL ?>/rb.img/icon/arr_next.svg">
|
||||
</button>
|
||||
<!-- } -->
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
143
theme/rb.basic/skin/shop/basic/mainbanner.10.skin.php
Normal file
143
theme/rb.basic/skin/shop/basic/mainbanner.10.skin.php
Normal file
@ -0,0 +1,143 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
add_javascript('<script src="'.G5_JS_URL.'/owlcarousel/owl.carousel.min.js"></script>', 10);
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_JS_URL.'/owlcarousel/owl.carousel.min.css">', 10);
|
||||
|
||||
$max_width = $max_height = 0;
|
||||
$bn_first_class = ' class="bn_first"';
|
||||
$bn_slide_btn = '';
|
||||
$bn_sl = ' class="bn_sl"';
|
||||
$main_banners = array();
|
||||
|
||||
for ($i=0; $row=sql_fetch_array($result); $i++)
|
||||
{
|
||||
$main_banners[] = $row;
|
||||
|
||||
// 테두리 있는지
|
||||
$bn_border = ($row['bn_border']) ? ' class="sbn_border"' : '';;
|
||||
// 새창 띄우기인지
|
||||
$bn_new_win = ($row['bn_new_win']) ? ' target="_blank"' : '';
|
||||
|
||||
$bimg = G5_DATA_PATH.'/banner/'.$row['bn_id'];
|
||||
$item_html = '';
|
||||
|
||||
if (file_exists($bimg))
|
||||
{
|
||||
$banner = '';
|
||||
$size = getimagesize($bimg);
|
||||
|
||||
if($size[2] < 1 || $size[2] > 16)
|
||||
continue;
|
||||
|
||||
if($max_width < $size[0])
|
||||
$max_width = $size[0];
|
||||
|
||||
if($max_height < $size[1])
|
||||
$max_height = $size[1];
|
||||
|
||||
$item_html .= '<div class="item">';
|
||||
if ($row['bn_url'][0] == '#')
|
||||
$banner .= '<a href="'.$row['bn_url'].'">';
|
||||
else if ($row['bn_url'] && $row['bn_url'] != 'http://') {
|
||||
$banner .= '<a href="'.G5_SHOP_URL.'/bannerhit.php?bn_id='.$row['bn_id'].'"'.$bn_new_win.'>';
|
||||
}
|
||||
$item_html .= $banner.'<img src="'.G5_DATA_URL.'/banner/'.$row['bn_id'].'?'.preg_replace('/[^0-9]/i', '', $row['bn_time']).'" width="'.$size[0].'" alt="'.get_text($row['bn_alt']).'"'.$bn_border.'>';
|
||||
if($banner)
|
||||
$item_html .= '</a>';
|
||||
$item_html .= '</div>';
|
||||
}
|
||||
|
||||
$banner_style = $max_height ? 'style="min-height:'.($max_height + 25).'px"' : '';
|
||||
if ($i==0) echo '<div id="main_bn"><div class="main_image_area"><div class="main_banner_owl owl-carousel">'.PHP_EOL;
|
||||
|
||||
echo $item_html;
|
||||
}
|
||||
|
||||
if ($i > 0) {
|
||||
echo '</div>'.PHP_EOL;
|
||||
|
||||
echo '<div class="btn_wr"><a href="#" class="pager-prev"><i class="fa fa-angle-left"></i></a><div id="slide-counter"></div><a href="#" class="pager-next"><i class="fa fa-angle-right"></i></a> </div>'.PHP_EOL;
|
||||
|
||||
echo '</div>'.PHP_EOL;
|
||||
|
||||
echo '<div class="main_owl_pager">'.PHP_EOL;
|
||||
echo '<div class="owl_pager">
|
||||
<ul class="carousel-custom-dots owl-dots">';
|
||||
$k = 0;
|
||||
foreach( $main_banners as $row ){
|
||||
$alt_title = $row['bn_alt'] ? cut_str(get_text($row['bn_alt']), 12, '') : ' ';
|
||||
echo '<li class="owl-dot"><a data-slide-index="'.$k.'" href="#">'.$alt_title.'</a></li>'.PHP_EOL;
|
||||
$k++;
|
||||
}
|
||||
|
||||
echo '</ul>
|
||||
</div>'.PHP_EOL;
|
||||
echo '</div>'.PHP_EOL;
|
||||
echo '</div>'.PHP_EOL;
|
||||
?>
|
||||
|
||||
<script>
|
||||
jQuery(function($){
|
||||
|
||||
function owl_show_page(event){
|
||||
|
||||
if (event.item) {
|
||||
var count = event.item.count,
|
||||
item_index = event.item.index,
|
||||
index = 1;
|
||||
|
||||
if( is_loop ){
|
||||
index = ( 1 + ( event.property.value - Math.ceil( event.item.count / 2 ) ) % event.item.count || 0 ) || 1;
|
||||
} else {
|
||||
index = event.item.index ? event.item.index + 1 : 1;
|
||||
}
|
||||
|
||||
$(event.target).next(".btn_wr").find(".slide-index").text(index);
|
||||
}
|
||||
}
|
||||
|
||||
var is_loop = true,
|
||||
item_totals = $('.main_banner_owl .item').length;
|
||||
|
||||
if( item_totals ){
|
||||
$('#slide-counter').prepend('<strong class="slide-index current-index"></strong> / ')
|
||||
.append('<span class="total-slides">'+item_totals+'</span>');
|
||||
}
|
||||
|
||||
var owl = $('.main_banner_owl').owlCarousel({
|
||||
items:1,
|
||||
loop:is_loop,
|
||||
margin:0,
|
||||
nav:false,
|
||||
autoHeight:true,
|
||||
autoplay:true,
|
||||
autoplayTimeout:5000, // 5000은 5초
|
||||
autoplayHoverPause:true,
|
||||
dotsContainer: '.carousel-custom-dots',
|
||||
onChanged:function(event){
|
||||
owl_show_page(event);
|
||||
},
|
||||
});
|
||||
|
||||
// Custom Navigation Events
|
||||
$(document).on("click", ".carousel-custom-dots a", function(e){
|
||||
e.preventDefault();
|
||||
owl.trigger('to.owl.carousel', [$(this).parent().index(), 300]);
|
||||
});
|
||||
|
||||
$(document).on("click", ".btn_wr .pager-next", function(e){
|
||||
e.preventDefault();
|
||||
owl.trigger('next.owl.carousel');
|
||||
});
|
||||
|
||||
$(document).on("click", ".btn_wr .pager-prev", function(e){
|
||||
e.preventDefault();
|
||||
owl.trigger('prev.owl.carousel');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<?php
|
||||
}
|
||||
82
theme/rb.basic/skin/shop/basic/navigation.skin.php
Normal file
82
theme/rb.basic/skin/shop/basic/navigation.skin.php
Normal file
@ -0,0 +1,82 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
$navi_datas = $ca_ids = array();
|
||||
$is_item_view = (isset($it_id) && isset($it) && isset($it['it_id']) && $it_id === $it['it_id']) ? true : false;
|
||||
|
||||
if( !$is_item_view && $ca_id ){
|
||||
$navi_datas = get_shop_navigation_data(true, $ca_id);
|
||||
$ca_ids = array(
|
||||
'ca_id' => substr($ca_id,0,2),
|
||||
'ca_id2' => substr($ca_id,0,4),
|
||||
'ca_id3' => substr($ca_id,0,6),
|
||||
);
|
||||
} else if( $is_item_view && isset($it) && is_array($it) ) {
|
||||
$navi_datas = get_shop_navigation_data(true, $it['ca_id']);
|
||||
$ca_ids = array(
|
||||
'ca_id' => substr($it['ca_id'],0,2),
|
||||
'ca_id2' => substr($it['ca_id'],0,4),
|
||||
'ca_id3' => substr($it['ca_id'],0,6)
|
||||
);
|
||||
}
|
||||
|
||||
$location_class = array();
|
||||
if($is_item_view){
|
||||
$location_class[] = 'view_location'; // view_location는 리스트 말고 상품보기에서만 표시
|
||||
} else {
|
||||
$location_class[] = 'is_list is_right'; // view_location는 리스트 말고 상품보기에서만 표시
|
||||
}
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0);
|
||||
add_javascript('<script src="'.G5_JS_URL.'/shop.category.navigation.js"></script>', 10);
|
||||
?>
|
||||
|
||||
<div id="sct_location" class="<?php echo implode(' ', $location_class);?>"> <!-- class="view_location" --> <!-- view_location는 리스트 말고 상품보기에서만 표시 -->
|
||||
|
||||
<?php if ( is_array($navi_datas) && $navi_datas ){ ?>
|
||||
|
||||
<?php if( isset($navi_datas[0]) && $navi_datas[0] ){ ?>
|
||||
<select class="shop_hover_selectbox category1">
|
||||
<?php foreach((array) $navi_datas[0] as $data ){ ?>
|
||||
<option value="<?php echo $data['ca_id']; ?>" data-url="<?php echo $data['url']; ?>" <?php if($ca_ids['ca_id'] === $data['ca_id']) echo 'selected'; ?>><?php echo $data['ca_name']; ?></option>
|
||||
<?php } ?>
|
||||
</select>
|
||||
<?php } ?>
|
||||
<?php if( isset($navi_datas[1]) && $navi_datas[1] ){ ?>
|
||||
<i class="dividing-line fa fa-angle-right" aria-hidden="true"></i>
|
||||
<select class="shop_hover_selectbox category2">
|
||||
<?php foreach((array) $navi_datas[1] as $data ){ ?>
|
||||
<option value="<?php echo $data['ca_id']; ?>" data-url="<?php echo $data['url']; ?>" <?php if($ca_ids['ca_id2'] === $data['ca_id']) echo 'selected'; ?>><?php echo $data['ca_name']; ?></option>
|
||||
<?php } ?>
|
||||
</select>
|
||||
<?php } ?>
|
||||
<?php if( isset($navi_datas[2]) && $navi_datas[2] ){ ?>
|
||||
<i class="dividing-line fa fa-angle-right" aria-hidden="true"></i>
|
||||
<select class="shop_hover_selectbox category3">
|
||||
<?php foreach((array) $navi_datas[2] as $data ){ ?>
|
||||
<option value="<?php echo $data['ca_id']; ?>" data-url="<?php echo $data['url']; ?>" <?php if($ca_ids['ca_id3'] === $data['ca_id']) echo 'selected'; ?>><?php echo $data['ca_name']; ?></option>
|
||||
<?php } ?>
|
||||
</select>
|
||||
<?php } ?>
|
||||
<?php } else { ?>
|
||||
<?php echo get_text($g5['title']); ?>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<script>
|
||||
jQuery(function($){
|
||||
$(document).ready(function() {
|
||||
$("#sct_location select").on("change", function(e){
|
||||
var url = $(this).find(':selected').attr("data-url");
|
||||
|
||||
if (typeof itemlist_ca_id != "undefined" && itemlist_ca_id === this.value) {
|
||||
return false;
|
||||
}
|
||||
|
||||
window.location.href = url;
|
||||
});
|
||||
|
||||
$("select.shop_hover_selectbox").shop_select_to_html();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
82
theme/rb.basic/skin/shop/basic/personalpay.skin.php
Normal file
82
theme/rb.basic/skin/shop/basic/personalpay.skin.php
Normal file
@ -0,0 +1,82 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<div class="rb_shop_list">
|
||||
<div class="swiper-container swiper-container-list-per">
|
||||
<div class="swiper-wrapper swiper-wrapper-list-per">
|
||||
|
||||
<?php
|
||||
for ($i=1; $row=sql_fetch_array($result); $i++) {
|
||||
$href = G5_SHOP_URL.'/personalpayform.php?pp_id='.$row['pp_id'].'&page='.$page;
|
||||
?>
|
||||
|
||||
<ul class="swiper-slide swiper-slide-list-per sct">
|
||||
|
||||
<li class="rb_shop_list_item sct_li">
|
||||
<div class="v_ch_list">
|
||||
<div class="rb_shop_list_item_img">
|
||||
<a href="<?php echo $href; ?>">
|
||||
<img src="<?php echo G5_SHOP_SKIN_URL; ?>/img/personal.jpg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="v_ch_list_r">
|
||||
|
||||
<div class="rb_shop_list_item_ca"></div>
|
||||
|
||||
<div class="rb_shop_list_item_name">
|
||||
<a href="<?php echo $href; ?>" class="font-B cut2">
|
||||
<?php echo get_text($row['pp_name']).'님 개인결제'; ?>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="rb_shop_list_item_pri">
|
||||
<dd class="font-B font-18"><?php echo display_price($row['pp_price']); ?></dd>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<?php
|
||||
}
|
||||
if($i == 1) echo "<div class=\"da_data\">등록된 개인결제가 없습니다.</div>";
|
||||
?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var swiper = new Swiper('.swiper-container-list-per', {
|
||||
slidesPerColumnFill: 'row',
|
||||
slidesPerView: 6, //가로갯수
|
||||
slidesPerColumn: 9999, // 세로갯수
|
||||
spaceBetween: 25, // 간격
|
||||
touchRatio: 0, // 드래그 가능여부(1, 0)
|
||||
|
||||
breakpoints: { // 반응형 처리
|
||||
|
||||
1024: {
|
||||
slidesPerView: 5,
|
||||
slidesPerColumn: 9999,
|
||||
spaceBetween: 25,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
slidesPerColumn: 9999,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
10: {
|
||||
slidesPerView: 2,
|
||||
slidesPerColumn: 9999,
|
||||
spaceBetween: 20,
|
||||
}
|
||||
},
|
||||
|
||||
});
|
||||
</script>
|
||||
107
theme/rb.basic/skin/shop/basic/relation.10.skin.php
Normal file
107
theme/rb.basic/skin/shop/basic/relation.10.skin.php
Normal file
@ -0,0 +1,107 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
add_javascript('<script src="'.G5_JS_URL.'/jquery.bxslider.js"></script>', 10);
|
||||
?>
|
||||
|
||||
<div class="rb_shop_list">
|
||||
|
||||
<div class="bx-controls-direction">
|
||||
<a class="bx-prev" href="">Prev</a>
|
||||
<a class="bx-next" href="">Next</a>
|
||||
</div>
|
||||
|
||||
<div class="swiper-container swiper-container-list-rel">
|
||||
<div class="swiper-wrapper swiper-wrapper-list-rel">
|
||||
|
||||
<!-- 관련상품 10 시작 { -->
|
||||
<?php
|
||||
for ($i=1; $row=sql_fetch_array($result); $i++) {
|
||||
|
||||
$item_link_href = shop_item_url($row['it_id']);
|
||||
$ca = get_shop_item_with_category($row['it_id']);
|
||||
|
||||
$i++;
|
||||
?>
|
||||
|
||||
<ul class="swiper-slide swiper-slide-list-rel sct">
|
||||
|
||||
<li class="rb_shop_list_item sct_li">
|
||||
<div class="v_ch_list">
|
||||
<?php if ($this->view_it_img) { ?>
|
||||
<div class="rb_shop_list_item_img">
|
||||
<a href="<?php echo $item_link_href ?>">
|
||||
<?php echo rb_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name'])); ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<div class="v_ch_list_r">
|
||||
<?php if ($this->view_it_name) { ?>
|
||||
<div class="rb_shop_list_item_ca"><?php echo $ca['ca_name'];?></div>
|
||||
<div class="rb_shop_list_item_name">
|
||||
<a href="<?php echo $item_link_href ?>" class="font-B cut2">
|
||||
<?php echo stripslashes($row['it_name']); ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if ($this->view_it_basic && $row['it_basic']) { ?>
|
||||
<div class="rb_shop_list_item_basic cut2">
|
||||
<?php echo stripslashes($row['it_basic']) ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if ($this->view_it_cust_price || $this->view_it_price) { ?>
|
||||
<div class="rb_shop_list_item_pri">
|
||||
<?php if ($this->view_it_price) { ?>
|
||||
<dd class="font-B font-18 <?php if ($this->view_it_cust_price && $row['it_cust_price']) { ?>main_color<?php } ?>"><?php echo display_price(get_price($row), $row['it_tel_inq']) ?></dd>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<?php if($i === 0) echo "<div class=\"no_data\">등록된 상품이 없습니다.</div>"; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
var swiper = new Swiper('.swiper-container-list-rel', {
|
||||
slidesPerView: <?php echo $default['de_rel_list_mod']; ?>, //가로갯수
|
||||
slidesPerColumn: 1, // 세로갯수
|
||||
spaceBetween: 25, // 간격
|
||||
touchRatio: 1, // 드래그 가능여부(1, 0)
|
||||
|
||||
navigation: { //네비
|
||||
nextEl: '.bx-next',
|
||||
prevEl: '.bx-prev',
|
||||
},
|
||||
|
||||
breakpoints: { // 반응형 처리
|
||||
|
||||
1024: {
|
||||
slidesPerView: <?php echo $default['de_rel_list_mod']; ?>,
|
||||
slidesPerColumn: 1,
|
||||
spaceBetween: 25,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
slidesPerColumn: 1,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
10: {
|
||||
slidesPerView: <?php echo $default['de_mobile_rel_list_mod']; ?>,
|
||||
slidesPerColumn: 1,
|
||||
spaceBetween: 20,
|
||||
}
|
||||
},
|
||||
|
||||
});
|
||||
</script>
|
||||
688
theme/rb.basic/skin/shop/basic/reservation.skin.php
Normal file
688
theme/rb.basic/skin/shop/basic/reservation.skin.php
Normal file
@ -0,0 +1,688 @@
|
||||
<style>
|
||||
#rb_reservation .ui-datepicker {box-shadow: none; width: 100% !important; margin-top: 0px; border-radius: 10px;}
|
||||
#rb_reservation .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {padding: 0px; background-color: transparent;}
|
||||
#rb_reservation .rb_reservation_l {float:left; width: 55%;}
|
||||
#rb_reservation .rb_reservation_r {float:right; width: 45%; padding-left: 50px;}
|
||||
#rb_reservation .ui-datepicker-calendar>tbody>tr>td {height:50px;}
|
||||
#rb_reservation .ui-datepicker td.ui-datepicker-today {background: #F0F3F9 !important; border-radius: 10px;}
|
||||
#rb_reservation .ui-datepicker td.ui-datepicker-current-day-start {background: #BAC1D1 !important; color:#fff !important; border-radius: 10px; border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
|
||||
#rb_reservation .ui-datepicker td.ui-datepicker-current-day-start a {color:#fff !important;}
|
||||
#rb_reservation .ui-datepicker td.ui-state-highlight {background: #BAC1D1 !important; border-radius: 0px; color:#fff !important;}
|
||||
#rb_reservation .ui-datepicker td.ui-state-highlight a {color:#fff !important;}
|
||||
#rb_reservation .ui-datepicker td.ui-datepicker-current-day-end {background: #BAC1D1 !important; color:#fff !important; border-radius: 10px; border-bottom-left-radius: 0px; border-top-left-radius: 0px;}
|
||||
#rb_reservation .ui-datepicker td.ui-datepicker-current-day-end a {color:#fff !important;}
|
||||
#rb_reservation .ui-datepicker td.ui-datepicker-current-day-d {background: #BAC1D1 !important; color:#fff !important; border-radius: 10px;}
|
||||
#rb_reservation .ui-datepicker td.ui-datepicker-current-day-d a {color:#fff !important;}
|
||||
#rb_reservation .ct_date {border:0px !important; padding: 0px; font-size: 20px; width:120px; height:30px;}
|
||||
#rb_reservation .ct_date:focus {border:0px;}
|
||||
#rb_reservation .ct_date::placeholder {color:#bbb; font-family: "font-R";}
|
||||
#rb_reservation .d_flex {display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; gap:0 5px;}
|
||||
#rb_reservation .d_flex dd {font-size: 20px;}
|
||||
#rb_reservation .d_flex dd#mg_span {margin-left: -5px;}
|
||||
#rb_reservation .it_date_t_wrap {background-color: #F0F3F9; border-radius: 10px; height: 150px; overflow-y: auto; margin-top: 15px;}
|
||||
#rb_reservation .it_date_t_wrap dd {border-top:1px solid rgba(0,0,0,0.1); padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px;}
|
||||
#rb_reservation .it_date_t_wrap dd:hover {background-color: #E3E6ED;}
|
||||
#rb_reservation .it_date_t_wrap h6 {display: block; color:rgba(0,0,0,0.4); padding: 20px;}
|
||||
#rb_reservation input[type="radio"][disabled] + label {opacity: .5;}
|
||||
#rb_reservation #ct_date_d {text-align: right;}
|
||||
#rb_reservation .number-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); /* 개수에 따라 자동 조절 */
|
||||
gap: 10px; /* 요소 간격 */
|
||||
}
|
||||
#rb_reservation .number-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: 1px solid rgba(0,0,0,0.1);
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
#rb_reservation .number-box button {width: 45px;height: 45px;border: none;background: #fff;cursor: pointer;font-size: 18px; opacity: 0.5; border-left: 1px solid rgba(0,0,0,0.1);}
|
||||
#rb_reservation .number-box button:hover {opacity: 1;}
|
||||
#rb_reservation .number-box button.decrease {}
|
||||
#rb_reservation .number-box input {border:0px !important; border-radius: 0px; width: 45px;height: 45px;text-align: center;border: none;font-size: 16px;outline: none;flex: 1; padding-left: 15px; padding-right: 15px; font-size: 13px; background-color: #fff; text-align: left; text-align: right;}
|
||||
#rb_reservation .number-box label {font-size: 13px; width: 50%; padding-left: 20px;}
|
||||
#rb_reservation .number-box label.cnt_wd {width: auto;}
|
||||
#rb_reservation #ct_res_pri {margin-top: 15px;}
|
||||
|
||||
#rb_reservation #ct_res_pri {font-size:1.167em;line-height:45px;text-align:right}
|
||||
#rb_reservation #ct_res_pri:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#rb_reservation #ct_res_pri span {float:left}
|
||||
#rb_reservation #ct_res_pri strong {font-size:1.5em;margin-left:15px}
|
||||
|
||||
.sit_rels {margin-top: 0px; padding-top: 0px; border-top: 1px solid #e3e3e3;}
|
||||
|
||||
@media all and (max-width:768px) {
|
||||
#rb_reservation .rb_reservation_l {float:none; width: 100%; margin-top: 25px;}
|
||||
#rb_reservation .rb_reservation_r {float:none; width: 100%; margin-top: 25px; padding-left: 0px;}
|
||||
#rb_reservation .number-box input {height:50px;}
|
||||
}
|
||||
</style>
|
||||
|
||||
<?php
|
||||
$todayd = date('Y-m-d');
|
||||
$one_year_later = date('Y-m-d', strtotime('+1 year -1 day'));
|
||||
?>
|
||||
|
||||
<div class="sit_rels">
|
||||
<section id="sit_rel">
|
||||
<br>
|
||||
<h2>사용 기간</h2>
|
||||
|
||||
<div id="rb_reservation">
|
||||
<ul class="rb_reservation_l">
|
||||
<div id="datepicker"></div>
|
||||
</ul>
|
||||
|
||||
|
||||
<ul class="rb_reservation_r">
|
||||
<li class="d_flex">
|
||||
<dd>
|
||||
<input type="text" id="ct_date_s" class="ct_date font-B main_color" value="<?php echo $todayd ?>" name="ct_date_s" readonly placeholder="0000-00-00">
|
||||
<input type="hidden" id="ct_types" name="ct_types" readonly value="<?php echo isset($it['it_types']) ? $it['it_types'] : ''; ?>"> <!-- 상품타입 -->
|
||||
</dd>
|
||||
|
||||
<dd class="font-B" id="mg_span">~</dd>
|
||||
<dd><input type="text" id="ct_date_e" class="ct_date font-B main_color" value="<?php echo $one_year_later ?>" name="ct_date_e" readonly placeholder="0000-00-00">
|
||||
</dd>
|
||||
<dd>
|
||||
<input type="hidden" id="ct_date_d" class="ct_date font-B" name="ct_date_d" readonly value="" style="width:50px;" placeholder="0">
|
||||
</dd>
|
||||
|
||||
</li>
|
||||
|
||||
<?php if(isset($it['it_date_g']) && $it['it_date_g'] == 1) { ?>
|
||||
<li class="help_txt color-999">
|
||||
<?php if(isset($it['it_date_min']) && $it['it_date_min'] < 1 && isset($it['it_date_max']) && $it['it_date_max'] < 1) { ?>
|
||||
예약 가능한 일수 제한 없음
|
||||
<?php } else { ?>
|
||||
최소 <?php echo $it['it_date_min'] ?>일 ~ 최대 <?php echo $it['it_date_max']; ?>일 까지 예약이 가능합니다.
|
||||
<?php } ?>
|
||||
</li>
|
||||
<?php } ?>
|
||||
|
||||
<?php if(isset($it['it_date_g']) && $it['it_date_g'] != 1 && isset($it['it_date_t']) && $it['it_date_t']) { ?>
|
||||
<li class="it_date_t_wrap">
|
||||
<h6>옵션을 선택하세요.</h6>
|
||||
<?php
|
||||
$it_date_t = trim($it['it_date_t']); // 앞뒤 공백 제거
|
||||
$time_slots = explode("\n", $it_date_t); // 줄바꿈 기준으로 분리
|
||||
|
||||
if (!empty($time_slots)) {
|
||||
$index = 1; // id 부여용 숫자
|
||||
foreach ($time_slots as $slot) {
|
||||
$slot = trim($slot); // 각 줄의 앞뒤 공백 제거
|
||||
if (!empty($slot)) { // 빈 줄 방지
|
||||
$input_id = "ct_date_t_" . $index; // 고유 id 생성
|
||||
echo '<dd>
|
||||
<input type="radio" id="' . $input_id . '" name="ct_date_t" value="' . htmlspecialchars($slot) . '">
|
||||
<label for="' . $input_id . '">' . $slot . '</label>
|
||||
</dd>';
|
||||
$index++;
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
</li>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<li class="mt-15">
|
||||
|
||||
<div class="number-container">
|
||||
<?php if(isset($it['it_user_use1']) && $it['it_user_use1'] == 1) { ?>
|
||||
<div class="number-box">
|
||||
<label><span class="cut"><?php echo isset($it['it_user_txt1']) ? $it['it_user_txt1'] : ''; ?></span></label>
|
||||
<label class="cnt_wd">수량</label>
|
||||
<input type="text" class="num-input font-B main_color" name="adult" value="0" min="0" readonly>
|
||||
<button type="button" class="decrease font-B">-</button>
|
||||
<button type="button" class="increase font-B">+</button>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if(isset($it['it_user_use2']) && $it['it_user_use2'] == 1) { ?>
|
||||
<div class="number-box">
|
||||
<label><?php echo isset($it['it_user_txt2']) ? $it['it_user_txt2'] : ''; ?></label>
|
||||
<label class="cnt_wd">수량</label>
|
||||
<input type="text" class="num-input font-B main_color" name="child" value="0" min="0" readonly>
|
||||
<button type="button" class="decrease font-B">-</button>
|
||||
<button type="button" class="increase font-B">+</button>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if(isset($it['it_user_use3']) && $it['it_user_use3'] == 1) { ?>
|
||||
<div class="number-box">
|
||||
<label><?php echo isset($it['it_user_txt3']) ? $it['it_user_txt3'] : ''; ?></label>
|
||||
<label class="cnt_wd">수량</label>
|
||||
<input type="text" class="num-input font-B main_color" name="infant" value="0" min="0" readonly>
|
||||
<button type="button" class="decrease font-B">-</button>
|
||||
<button type="button" class="increase font-B">+</button>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li id="ct_res_pri" class="font-R"></li>
|
||||
</ul>
|
||||
<ul class="cb"></ul>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
var target = document.querySelector("#sit_tot_price");
|
||||
if (target) {
|
||||
var observer = new MutationObserver(function (mutationsList) {
|
||||
$("#ct_res_pri").text($("#sit_tot_price").text()); // 값 반영
|
||||
$("#ct_res_pri").html($("#sit_tot_price").html());
|
||||
|
||||
});
|
||||
observer.observe(target, { childList: true, subtree: true });
|
||||
}
|
||||
|
||||
|
||||
//인원선택
|
||||
var adultPrice = parseInt("<?php echo $it['it_user_pri1']; ?>") || 0;
|
||||
var childPrice = parseInt("<?php echo $it['it_user_pri2']; ?>") || 0;
|
||||
var infantPrice = parseInt("<?php echo $it['it_user_pri3']; ?>") || 0;
|
||||
|
||||
function updatePeoplePrice() {
|
||||
var adultCount = parseInt($(".num-input[name='adult']").val()) || 0;
|
||||
var childCount = parseInt($(".num-input[name='child']").val()) || 0;
|
||||
var infantCount = parseInt($(".num-input[name='infant']").val()) || 0;
|
||||
var totalPeoplePrice = (adultCount * adultPrice) + (childCount * childPrice) + (infantCount * infantPrice);
|
||||
|
||||
// 기존 people_price 값 제거 후 새로운 값 추가
|
||||
$("input[name='people_price']").remove();
|
||||
$("<input>", {
|
||||
type: "hidden",
|
||||
name: "people_price",
|
||||
value: totalPeoplePrice
|
||||
}).appendTo("#sit_sel_option");
|
||||
|
||||
// price_calculate 호출하여 총 금액 업데이트
|
||||
setTimeout(function() {
|
||||
price_calculate();
|
||||
}, 150);
|
||||
}
|
||||
|
||||
// 인원 변경 이벤트 통합 (중복 이벤트 제거)
|
||||
$(document).on("click", ".increase, .decrease", function() {
|
||||
let input = $(this).siblings('.num-input');
|
||||
let currentValue = parseInt(input.val(), 10) || 0;
|
||||
let maxLimit = 0;
|
||||
let minLimit = 0;
|
||||
let labelText = ""; // 제목 변수
|
||||
|
||||
|
||||
|
||||
if (input.attr("name") === "adult") {
|
||||
labelText = "<?php echo isset($it['it_user_txt1']) ? $it['it_user_txt1'] : '첫번째 항목'; ?>";
|
||||
maxLimit = <?php echo isset($it['it_user_max1']) ? $it['it_user_max1'] : 0; ?>;
|
||||
minLimit = <?php echo isset($it['it_user_min1']) ? $it['it_user_min1'] : 0; ?>;
|
||||
} else if (input.attr("name") === "child") {
|
||||
labelText = "<?php echo isset($it['it_user_txt2']) ? $it['it_user_txt2'] : '두번째 항목'; ?>";
|
||||
maxLimit = <?php echo isset($it['it_user_max2']) ? $it['it_user_max2'] : 0; ?>;
|
||||
minLimit = <?php echo isset($it['it_user_min2']) ? $it['it_user_min2'] : 0; ?>;
|
||||
} else if (input.attr("name") === "infant") {
|
||||
labelText = "<?php echo isset($it['it_user_txt3']) ? $it['it_user_txt3'] : '세번째 항목'; ?>";
|
||||
maxLimit = <?php echo isset($it['it_user_max3']) ? $it['it_user_max3'] : 0; ?>;
|
||||
minLimit = <?php echo isset($it['it_user_min3']) ? $it['it_user_min3'] : 0; ?>;
|
||||
}
|
||||
|
||||
// 증가 시 최대값 초과 방지
|
||||
if ($(this).hasClass("increase")) {
|
||||
if (maxLimit > 0 && currentValue >= maxLimit) {
|
||||
alert(labelText + "의 최대 선택 가능한 수량은 " + maxLimit + " 입니다.");
|
||||
return;
|
||||
}
|
||||
input.val(currentValue + 1);
|
||||
}
|
||||
// 감소 시 최소값 이하로 내려가지 않도록 방지 (단, `minLimit > 0`일 때만 검사)
|
||||
else if ($(this).hasClass("decrease")) {
|
||||
if (minLimit > 0 && currentValue <= minLimit) {
|
||||
alert(labelText + "은 최소 " + minLimit + "개 이상 선택해주셔야 합니다.");
|
||||
input.val(minLimit);
|
||||
return;
|
||||
}
|
||||
if (currentValue > 0) {
|
||||
input.val(currentValue - 1);
|
||||
}
|
||||
}
|
||||
|
||||
updatePeoplePrice(); // 인원 변경 시 가격 업데이트
|
||||
});
|
||||
|
||||
|
||||
function checkMinimumValues(input) {
|
||||
let currentValue = parseInt(input.val(), 10) || 0;
|
||||
let minLimit = 0;
|
||||
let labelText = "";
|
||||
|
||||
if (input.attr("name") === "adult") {
|
||||
labelText = "<?php echo isset($it['it_user_txt1']) ? $it['it_user_txt1'] : '첫번째 항목'; ?>";
|
||||
minLimit = <?php echo isset($it['it_user_min1']) ? $it['it_user_min1'] : 0; ?>;
|
||||
} else if (input.attr("name") === "child") {
|
||||
labelText = "<?php echo isset($it['it_user_txt2']) ? $it['it_user_txt2'] : '두번째 항목'; ?>";
|
||||
minLimit = <?php echo isset($it['it_user_min2']) ? $it['it_user_min2'] : 0; ?>;
|
||||
} else if (input.attr("name") === "infant") {
|
||||
labelText = "<?php echo isset($it['it_user_txt3']) ? $it['it_user_txt3'] : '세번째 항목'; ?>";
|
||||
minLimit = <?php echo isset($it['it_user_min3']) ? $it['it_user_min3'] : 0; ?>;
|
||||
}
|
||||
|
||||
// 최소값 미달 시 alert 띄우고 최소값으로 변경
|
||||
if (minLimit > 0 && currentValue < minLimit) {
|
||||
alert(labelText + "은 최소 " + minLimit + "개 이상 선택해주셔야 합니다.");
|
||||
//input.val(minLimit).focus();
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
$(document).on("input", ".num-input", function() {
|
||||
let value = parseInt($(this).val(), 10);
|
||||
if (isNaN(value) || value < 0) {
|
||||
$(this).val(0);
|
||||
}
|
||||
updatePeoplePrice(); // 직접 입력 시 가격 업데이트
|
||||
});
|
||||
|
||||
$("#datepicker").on("change", function() {
|
||||
updatePeoplePrice();
|
||||
});
|
||||
|
||||
|
||||
//날짜선택
|
||||
|
||||
var startDate = null;
|
||||
var endDate = null;
|
||||
var availableStartDate = new Date("<?php echo $it['it_date_s']; ?>");
|
||||
var availableEndDate = new Date("<?php echo $it['it_date_e']; ?>");
|
||||
var disabledDates = <?php echo json_encode(array_map('trim', explode(',', $it['it_date_n']))); ?>;
|
||||
var allowRangeSelection = <?php echo ($it['it_date_g'] == 1) ? 'true' : 'false'; ?>;
|
||||
var basePrice = parseInt("<?php echo $it['it_price']; ?>") || 0;
|
||||
|
||||
// 오늘 날짜 가져오기 (시간 초기화)
|
||||
var today = new Date();
|
||||
today.setHours(0, 0, 0, 0);
|
||||
|
||||
// 최소 선택 가능 날짜 설정 (오늘과 availableStartDate 중 더 늦은 날짜 선택)
|
||||
var minSelectableDate = availableStartDate > today ? availableStartDate : today;
|
||||
|
||||
|
||||
$("#datepicker").datepicker({
|
||||
dateFormat: "yy-mm-dd",
|
||||
numberOfMonths: 1,
|
||||
minDate: minSelectableDate,
|
||||
maxDate: availableEndDate,
|
||||
beforeShowDay: function (date) {
|
||||
return [false, "", "날짜 선택 불가"];
|
||||
var className = "";
|
||||
var dateString = $.datepicker.formatDate("yy-mm-dd", date);
|
||||
|
||||
// 오늘 이전 날짜 선택 방지
|
||||
if (date <= today) {
|
||||
return [false, "", "오늘 이전 날짜 선택 불가"];
|
||||
}
|
||||
|
||||
if (disabledDates.indexOf(dateString) !== -1) {
|
||||
return [false, "", "예약 불가능한 날짜"];
|
||||
}
|
||||
|
||||
if (startDate && endDate && date >= startDate && date <= endDate && allowRangeSelection) {
|
||||
className = "ui-state-highlight";
|
||||
}
|
||||
return [true, className];
|
||||
},
|
||||
onSelect: function (dateText, inst) {
|
||||
var selectedDate = new Date(dateText);
|
||||
|
||||
if (disabledDates.indexOf(dateText) !== -1) {
|
||||
alert("예약 불가능한 날짜가 있습니다");
|
||||
resetDateSelection();
|
||||
return;
|
||||
}
|
||||
|
||||
if (!allowRangeSelection) {
|
||||
if (startDate && startDate.getTime() === selectedDate.getTime()) {
|
||||
resetDateSelection();
|
||||
return;
|
||||
}
|
||||
startDate = selectedDate;
|
||||
endDate = null;
|
||||
$("#ct_date_s").val(dateText);
|
||||
$("#ct_date_e").val("");
|
||||
} else {
|
||||
if (!startDate || (startDate && endDate)) {
|
||||
startDate = selectedDate;
|
||||
endDate = null;
|
||||
$("#ct_date_s").val(dateText);
|
||||
$("#ct_date_e").val("");
|
||||
} else {
|
||||
endDate = selectedDate;
|
||||
|
||||
if (startDate > endDate) {
|
||||
var temp = startDate;
|
||||
startDate = endDate;
|
||||
endDate = temp;
|
||||
}
|
||||
|
||||
var currentDate = new Date(startDate.getTime());
|
||||
while (currentDate <= endDate) {
|
||||
var checkDate = $.datepicker.formatDate("yy-mm-dd", currentDate);
|
||||
if (disabledDates.indexOf(checkDate) !== -1) {
|
||||
alert("예약 불가능한 날짜가 있습니다");
|
||||
resetDateSelection();
|
||||
return;
|
||||
}
|
||||
currentDate.setDate(currentDate.getDate() + 1);
|
||||
}
|
||||
|
||||
$("#ct_date_s").val($.datepicker.formatDate("yy-mm-dd", startDate));
|
||||
$("#ct_date_e").val($.datepicker.formatDate("yy-mm-dd", endDate));
|
||||
}
|
||||
}
|
||||
|
||||
updateStayPrice(); // 날짜 변경 시 옵션만 업데이트 (중복 추가 방지)
|
||||
setTimeout(addCurrentDayClass, 10);
|
||||
$("#datepicker").datepicker("refresh");
|
||||
//$("#mg_span").toggle($("#ct_date_e").val() !== "");
|
||||
},
|
||||
onChangeMonthYear: function (year, month, inst) {
|
||||
setTimeout(function () {
|
||||
addCurrentDayClass(year, month);
|
||||
}, 10);
|
||||
}
|
||||
});
|
||||
|
||||
updateStayPrice();
|
||||
|
||||
function addCurrentDayClass(year, month) {
|
||||
$(".ui-datepicker-calendar td").each(function () {
|
||||
var dateText = $(this).text();
|
||||
if (!dateText) return;
|
||||
|
||||
var currentYear = year || $("#datepicker").datepicker("getDate").getFullYear();
|
||||
var currentMonth = month || $("#datepicker").datepicker("getDate").getMonth() + 1;
|
||||
var formattedDate = currentYear + "-" +
|
||||
(currentMonth < 10 ? "0" + currentMonth : currentMonth) + "-" +
|
||||
(dateText < 10 ? "0" + dateText : dateText);
|
||||
|
||||
// 기존 ui-datepicker-current-day 관련 클래스 제거
|
||||
$(this).removeClass("ui-datepicker-current-day ui-datepicker-current-day-start ui-datepicker-current-day-end ui-datepicker-current-day-d");
|
||||
|
||||
if ($("#ct_date_s").val() === formattedDate) {
|
||||
if (allowRangeSelection) {
|
||||
$(this).addClass("ui-datepicker-current-day-start"); // 시작 날짜에 적용
|
||||
} else {
|
||||
$(this).addClass("ui-datepicker-current-day-d"); // 단일 날짜에 적용
|
||||
}
|
||||
}
|
||||
if ($("#ct_date_e").val() === formattedDate && allowRangeSelection) {
|
||||
$(this).addClass("ui-datepicker-current-day-end"); // 종료 날짜에 적용
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function updateStayPrice() {
|
||||
var start = $("#ct_date_s").val();
|
||||
var end = $("#ct_date_e").val();
|
||||
|
||||
if (!start) return;
|
||||
|
||||
var startDateObj = new Date(start);
|
||||
var endDateObj = end ? new Date(end) : startDateObj;
|
||||
var days = end ? Math.ceil((endDateObj - startDateObj) / (1000 * 60 * 60 * 24)) + 1 : 1;
|
||||
|
||||
if (days < 1) {
|
||||
alert("기간을 올바르게 선택해주세요.");
|
||||
return;
|
||||
}
|
||||
|
||||
// 첫 번째 날짜 선택 시 "1일" 입력
|
||||
if (!end) {
|
||||
$("#ct_date_d").val("1");
|
||||
} else {
|
||||
$("#ct_date_d").val(days);
|
||||
}
|
||||
|
||||
<?php if(isset($it['it_date_g']) && $it['it_date_g'] == 1) { ?>
|
||||
|
||||
// 최소 및 최대 일수 제한
|
||||
var minDays = <?php echo isset($it['it_date_min']) ? $it['it_date_min'] : 0; ?>;
|
||||
var maxDays = <?php echo isset($it['it_date_max']) ? $it['it_date_max'] : 0; ?>;
|
||||
|
||||
// 두 번째 날짜가 선택된 경우에만 검사
|
||||
if (end) {
|
||||
if (minDays > 0 && days < minDays) {
|
||||
alert("최소 예약 가능 일수는 " + minDays + "일 입니다.");
|
||||
resetDateSelection();
|
||||
return;
|
||||
}
|
||||
|
||||
if (maxDays > 0 && days > maxDays) {
|
||||
alert("최대 예약 가능 일수는 " + maxDays + "일 입니다.");
|
||||
resetDateSelection();
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
<?php } ?>
|
||||
|
||||
// 옵션이 선택되지 않은 상태에서 날짜를 먼저 선택하면 경고 후 초기화
|
||||
if ($(".sit_opt_list").length < 1) {
|
||||
alert("상품의 선택옵션을 선택해 주십시오.");
|
||||
resetDateSelection();
|
||||
return false;
|
||||
}
|
||||
|
||||
// ✅ 무조건 1일 금액만 적용
|
||||
var datePrice = 0;
|
||||
|
||||
// 첫 번째 날짜 선택 시 가격 반영 없이 기존 옵션만 유지
|
||||
//var datePrice = (!end) ? 0 : basePrice * (days - 1);
|
||||
|
||||
// 가격을 `price_calculate()`에서 처리하도록 히든 필드 업데이트
|
||||
$("input[name='date_price']").remove(); // 기존 값 제거
|
||||
$("<input>", {
|
||||
type: "hidden",
|
||||
name: "date_price",
|
||||
value: datePrice
|
||||
}).appendTo("#sit_sel_option");
|
||||
|
||||
// 기존 옵션들과 함께 총 금액 업데이트 (가격 계산 로직 활용)
|
||||
setTimeout(function () {
|
||||
price_calculate();
|
||||
}, 150);
|
||||
}
|
||||
|
||||
// 날짜 선택 초기화 함수 (잘못 선택한 경우)
|
||||
function resetDateSelection() {
|
||||
$("#ct_date_s, #ct_date_e").val("");
|
||||
startDate = null;
|
||||
endDate = null;
|
||||
$("#datepicker").datepicker("refresh");
|
||||
}
|
||||
|
||||
// `price_calculate()`에서 날짜 가격을 반영하도록 수정
|
||||
if (typeof price_calculate === "function") {
|
||||
price_calculate = (function() {
|
||||
var cached_function = price_calculate;
|
||||
|
||||
return function() {
|
||||
if ($(".2017_renewal_itemform").length) {
|
||||
var it_price = parseInt($("input#it_price").val());
|
||||
|
||||
if (isNaN(it_price))
|
||||
return;
|
||||
|
||||
var $el_prc = $("input.io_price");
|
||||
var $el_qty = $("input[name^=ct_qty]");
|
||||
var $el_type = $("input[name^=io_type]");
|
||||
var date_price = parseInt($("input[name='date_price']").val()) || 0;
|
||||
var people_price = parseInt($("input[name='people_price']").val()) || 0;
|
||||
var price, type, qty, total = 0;
|
||||
|
||||
$el_prc.each(function(index) {
|
||||
price = parseInt($(this).val());
|
||||
qty = parseInt($el_qty.eq(index).val());
|
||||
type = $el_type.eq(index).val();
|
||||
|
||||
if (type == "0") { // 선택옵션
|
||||
total += (it_price + price) * qty;
|
||||
} else { // 추가옵션
|
||||
total += price * qty;
|
||||
}
|
||||
});
|
||||
|
||||
// 날짜 가격 추가
|
||||
if (date_price > 0) {
|
||||
total += date_price;
|
||||
}
|
||||
|
||||
// 인원 가격 추가
|
||||
if (people_price > 0) {
|
||||
total += people_price;
|
||||
}
|
||||
|
||||
$("#sit_tot_price").empty().html("<span>총 금액 : </span><strong>" + number_format(String(total)) + "</strong> 원");
|
||||
$("#sit_tot_price").trigger("price_calculate", [total]);
|
||||
} else {
|
||||
cached_function.apply(this, arguments);
|
||||
}
|
||||
};
|
||||
}());
|
||||
}
|
||||
});
|
||||
|
||||
//기존 submit 함수 처리
|
||||
|
||||
|
||||
window.onload = function () {
|
||||
// 기존 fitem_submit()이 있는지 확인 후 백업
|
||||
if (typeof fitem_submit === "function") {
|
||||
var original_fitem_submit = fitem_submit;
|
||||
}
|
||||
|
||||
// 새로운 fitem_submit() 정의 (기존 함수 유지)
|
||||
fitem_submit = function (f) {
|
||||
// 예약 날짜 검증 로직 추가
|
||||
|
||||
<?php if(isset($it['it_date_g']) && $it['it_date_g'] == 1) { ?>
|
||||
|
||||
if (!$("#ct_date_s").val() || $("#ct_date_s").val().trim() === "") {
|
||||
alert("사용 시작일 선택해주세요.");
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!$("#ct_date_e").val() || $("#ct_date_e").val().trim() === "") {
|
||||
alert("두번째 날짜를 선택해주세요.");
|
||||
return false;
|
||||
}
|
||||
|
||||
var startDate = new Date($("#ct_date_s").val());
|
||||
var endDate = new Date($("#ct_date_e").val());
|
||||
var days = Math.ceil((endDate - startDate) / (1000 * 60 * 60 * 24)) + 1;
|
||||
|
||||
var minDays = <?php echo isset($it['it_date_min']) ? $it['it_date_min'] : 0; ?>;
|
||||
var maxDays = <?php echo isset($it['it_date_max']) ? $it['it_date_max'] : 0; ?>;
|
||||
|
||||
if (minDays > 0 && days < minDays) {
|
||||
alert("최소 예약 가능 일수는 " + minDays + "일 입니다.");
|
||||
return false;
|
||||
}
|
||||
|
||||
if (maxDays > 0 && days > maxDays) {
|
||||
alert("최대 예약 가능 일수는 " + maxDays + "일 입니다.");
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
<?php } else { ?>
|
||||
if (!$("#ct_date_s").val() || $("#ct_date_s").val().trim() === "") {
|
||||
alert("예약날짜를 선택해주세요.");
|
||||
return false;
|
||||
}
|
||||
<?php } ?>
|
||||
|
||||
<?php if(isset($it['it_date_g']) && $it['it_date_g'] != 1 && isset($it['it_date_t']) && $it['it_date_t']) { ?>
|
||||
// 예약 옵션 (`ct_date_t`)이 하나도 선택되지 않은 경우
|
||||
if ($("input[name='ct_date_t']:checked").length === 0) {
|
||||
alert("옵션을 선택해 주세요.");
|
||||
return false;
|
||||
}
|
||||
<?php } ?>
|
||||
|
||||
let valid = true;
|
||||
|
||||
$(".num-input").each(function() {
|
||||
let input = $(this);
|
||||
let currentValue = parseInt(input.val(), 10) || 0;
|
||||
let minLimit = 0;
|
||||
let labelText = "";
|
||||
|
||||
if (input.attr("name") === "adult") {
|
||||
labelText = "<?php echo isset($it['it_user_txt1']) ? $it['it_user_txt1'] : '첫번째항목'; ?>";
|
||||
minLimit = <?php echo isset($it['it_user_min1']) ? $it['it_user_min1'] : 0; ?>;
|
||||
} else if (input.attr("name") === "child") {
|
||||
labelText = "<?php echo isset($it['it_user_txt2']) ? $it['it_user_txt2'] : '두번째항목'; ?>";
|
||||
minLimit = <?php echo isset($it['it_user_min2']) ? $it['it_user_min2'] : 0; ?>;
|
||||
} else if (input.attr("name") === "infant") {
|
||||
labelText = "<?php echo isset($it['it_user_txt3']) ? $it['it_user_txt3'] : '세번째항목'; ?>";
|
||||
minLimit = <?php echo isset($it['it_user_min3']) ? $it['it_user_min3'] : 0; ?>;
|
||||
}
|
||||
|
||||
// 최소값 미달 시 alert 띄우고 포커스 이동, 폼 전송 방지
|
||||
if (minLimit > 0 && currentValue < minLimit) {
|
||||
alert("[" + labelText + "] 옵션은 최소 " + minLimit + " 이상 선택해주셔야 합니다.");
|
||||
//input.val(minLimit).focus();
|
||||
valid = false;
|
||||
return false; // `each` 루프 종료
|
||||
}
|
||||
});
|
||||
|
||||
if (!valid) return false; // 최소값 미달 항목이 있으면 폼 전송 중단
|
||||
|
||||
var data = {
|
||||
"ct_types": $("input[name='ct_types']").val(),
|
||||
"ct_date_s": $("input[name='ct_date_s']").val(),
|
||||
"ct_date_e": $("input[name='ct_date_e']").val(),
|
||||
"ct_date_d": $("input[name='ct_date_d']").val(),
|
||||
"ct_date_t": $("input[name='ct_date_t']:checked").val() || "", // 라디오 버튼
|
||||
"ct_user_txt1": "<?php echo isset($it['it_user_txt1']) ? $it['it_user_txt1'] : ''; ?>",
|
||||
"ct_user_txt2": "<?php echo isset($it['it_user_txt2']) ? $it['it_user_txt2'] : ''; ?>",
|
||||
"ct_user_txt3": "<?php echo isset($it['it_user_txt3']) ? $it['it_user_txt3'] : ''; ?>",
|
||||
"ct_user_qty1": $("input[name='adult']").val(),
|
||||
"ct_user_qty2": $("input[name='child']").val(),
|
||||
"ct_user_qty3": $("input[name='infant']").val(),
|
||||
"ct_user_pri1": "<?php echo isset($it['it_user_pri1']) ? $it['it_user_pri1'] : ''; ?>",
|
||||
"ct_user_pri2": "<?php echo isset($it['it_user_pri2']) ? $it['it_user_pri2'] : ''; ?>",
|
||||
"ct_user_pri3": "<?php echo isset($it['it_user_pri3']) ? $it['it_user_pri3'] : ''; ?>"
|
||||
};
|
||||
|
||||
$.each(data, function (key, value) {
|
||||
$("<input>").attr({
|
||||
type: "hidden",
|
||||
class: "hidden-data",
|
||||
name: key,
|
||||
value: value
|
||||
}).appendTo(f);
|
||||
});
|
||||
|
||||
// 기존 `fitem_submit()`이 있다면 실행하고, `false` 반환 시 중단
|
||||
if (typeof original_fitem_submit === "function") {
|
||||
var result = original_fitem_submit(f);
|
||||
if (result === false) return false;
|
||||
}
|
||||
|
||||
// ✅ 폼 전송 전 ct_date_d 무조건 0로 덮어쓰기
|
||||
$("input[name='ct_date_d']").val("1");
|
||||
|
||||
return true;
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
</script>
|
||||
363
theme/rb.basic/skin/shop/basic/search.skin.php
Normal file
363
theme/rb.basic/skin/shop/basic/search.skin.php
Normal file
@ -0,0 +1,363 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
?>
|
||||
|
||||
<link rel="stylesheet" href="<?php echo G5_THEME_SHOP_URL ?>/rangeSlider/ion.rangeSlider.min.css"/>
|
||||
<script type="text/javascript" src="<?php echo G5_THEME_SHOP_URL ?>/rangeSlider/ion.rangeSlider.min.js"></script>
|
||||
|
||||
|
||||
<!-- 검색 시작 { -->
|
||||
<div id="ssch">
|
||||
<h2><span class="ssch_result_total">총 <?php echo $total_count; ?>건</span></h2>
|
||||
<!-- 상세검색 항목 시작 { -->
|
||||
|
||||
|
||||
|
||||
|
||||
<form name="frmdetailsearch">
|
||||
<input type="hidden" name="qsort" id="qsort" value="<?php echo $qsort ?>">
|
||||
<input type="hidden" name="qorder" id="qorder" value="<?php echo $qorder ?>">
|
||||
<input type="hidden" name="qcaid" id="qcaid" value="<?php echo $qcaid ?>">
|
||||
|
||||
|
||||
<div id="ssch_frm">
|
||||
|
||||
<div class="ssch_frm_inner">
|
||||
|
||||
<div class="ssch_option">
|
||||
|
||||
<div class="mb-15">
|
||||
<input type="checkbox" name="qname" id="ssch_qname" value="1" <?php echo $qname_check?'checked="checked"':'';?>> <label for="ssch_qname"><span></span>상품명</label>
|
||||
<input type="checkbox" name="qexplan" id="ssch_qexplan" value="1" <?php echo $qexplan_check?'checked="checked"':'';?>> <label for="ssch_qexplan"><span></span>상품설명</label>
|
||||
<!--
|
||||
<input type="checkbox" name="qbasic" id="ssch_qbasic" value="1" <?php echo $qbasic_check?'checked="checked"':'';?>> <label for="ssch_qbasic"><span></span>기본설명</label>
|
||||
-->
|
||||
<input type="checkbox" name="qid" id="ssch_qid" value="1" <?php echo $qid_check?'checked="checked"':'';?>> <label for="ssch_qid"><span></span>상품코드</label>
|
||||
</div>
|
||||
|
||||
<div class="ul_pri_div">
|
||||
<ul class="ul_left_chk">
|
||||
<input type="text" name="qfrom" value="<?php echo $qfrom; ?>" id="ssch_qfrom" class="select_inp" size="10" placeholder="최소금액" autocomplete="off"> 원 ~
|
||||
<input type="text" name="qto" value="<?php echo $qto; ?>" id="ssch_qto" class="select_inp" size="10" placeholder="최대금액" autocomplete="off"> 원
|
||||
</ul>
|
||||
<ul class="ul_left_slider">
|
||||
<div class="range-slider" id="fill_bar1">
|
||||
<input type="text" class="js-range-slider" value="" />
|
||||
</div>
|
||||
<script>
|
||||
var $d1 = $("#fill_bar1"); //input 을 감싸고 있는 부모 ID가 있어야 실행 됩니다.
|
||||
|
||||
$d1.ionRangeSlider({
|
||||
skin: "flat",
|
||||
type: "double",
|
||||
postfix: "", // 단위표기
|
||||
prettify_enabled: true, //숫자포맷 true/false
|
||||
prettify_separator: ",", //숫자포맷의 구분 표기
|
||||
step: 1000, //드래그시 증가값
|
||||
min: 1000, //최저제한
|
||||
max: 1000000, //최대제한
|
||||
<?php if(isset($_GET['qfrom']) && $_GET['qfrom']) { ?>
|
||||
from: <?php echo $_GET['qfrom'] ?>, //선택된값 불러오기
|
||||
to: <?php echo $_GET['qto'] ?> //선택된값 불러오기
|
||||
<?php } else { ?>
|
||||
from: 20000,
|
||||
to: 100000
|
||||
<?php } ?>
|
||||
});
|
||||
|
||||
$d1.on("change", function() {
|
||||
var $inp = $(this);
|
||||
var from = $inp.data("from");
|
||||
var to = $inp.data("to");
|
||||
|
||||
// 드래그된 값이 들어갈 input의 ID
|
||||
document.getElementById('ssch_qfrom').value = from;
|
||||
document.getElementById('ssch_qto').value = to;
|
||||
});
|
||||
</script>
|
||||
</ul>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="rb_search_wraps">
|
||||
<div class="rb_search_wraps_inner">
|
||||
<input type="text" name="q" value="<?php echo $q; ?>" id="ssch_q" class="ssch_input ser_inps font-B" size="40" maxlength="30" placeholder="검색어를 입력하세요.">
|
||||
<button type="submit"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.49928 1.91687e-08C7.14387 0.000115492 5.80814 0.324364 4.60353 0.945694C3.39893 1.56702 2.36037 2.46742 1.57451 3.57175C0.788656 4.67609 0.278287 5.95235 0.0859852 7.29404C-0.106316 8.63574 0.0250263 10.004 0.469055 11.2846C0.913084 12.5652 1.65692 13.7211 2.63851 14.6557C3.6201 15.5904 4.81098 16.2768 6.11179 16.6576C7.4126 17.0384 8.78562 17.1026 10.1163 16.8449C11.447 16.5872 12.6967 16.015 13.7613 15.176L17.4133 18.828C17.6019 19.0102 17.8545 19.111 18.1167 19.1087C18.3789 19.1064 18.6297 19.0012 18.8151 18.8158C19.0005 18.6304 19.1057 18.3796 19.108 18.1174C19.1102 17.8552 19.0094 17.6026 18.8273 17.414L15.1753 13.762C16.1633 12.5086 16.7784 11.0024 16.9504 9.41573C17.1223 7.82905 16.8441 6.22602 16.1475 4.79009C15.4509 3.35417 14.3642 2.14336 13.0116 1.29623C11.659 0.449106 10.0952 -0.000107143 8.49928 1.91687e-08ZM1.99928 8.5C1.99928 6.77609 2.6841 5.12279 3.90308 3.90381C5.12207 2.68482 6.77537 2 8.49928 2C10.2232 2 11.8765 2.68482 13.0955 3.90381C14.3145 5.12279 14.9993 6.77609 14.9993 8.5C14.9993 10.2239 14.3145 11.8772 13.0955 13.0962C11.8765 14.3152 10.2232 15 8.49928 15C6.77537 15 5.12207 14.3152 3.90308 13.0962C2.6841 11.8772 1.99928 10.2239 1.99928 8.5Z" fill="#09244B"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
<div class="ss_list_wraps">
|
||||
|
||||
<?php if($total_count > 0) { ?>
|
||||
<!-- 검색된 분류 시작 { -->
|
||||
<div id="ssch_cate">
|
||||
|
||||
<div class="swiper-container swiper-container-ss">
|
||||
<ul class="swiper-wrapper swiper-wrapper-ss">
|
||||
<?php
|
||||
//echo '<li class="swiper-slide swiper-slide-ss"><a href="#" onclick="set_ca_id(\'\'); return false;" class="font-naver-EB">전체보기</a></li>'.PHP_EOL;
|
||||
$total_cnt = 0;
|
||||
foreach((array) $categorys as $row){
|
||||
if( empty($row) ) continue;
|
||||
echo "<li class=\"swiper-slide swiper-slide-ss\"><a href=\"#\" onclick=\"set_ca_id('{$row['ca_id']}'); return false;\" class=\"font-naver-B\">{$row['ca_name']} (".$row['cnt'].")</a></li>\n";
|
||||
$total_cnt += $row['cnt'];
|
||||
}
|
||||
?>
|
||||
<?php if(isset($_GET['qcaid']) && $_GET['qcaid'] || isset($_GET['qitemtype']) && $_GET['qitemtype']) { ?>
|
||||
<li class="swiper-slide swiper-slide-ss"><a href="#" onclick="set_ca_id(''); return false;" style="color:#888;">전체보기</a></li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var swiper = new Swiper('.swiper-container-ss', {
|
||||
slidesPerView: 'auto', //가로갯수
|
||||
spaceBetween: 25, // 간격
|
||||
touchRatio: 1, // 드래그 가능여부(1, 0)
|
||||
slidesOffsetBefore: 20, //좌측여백 px
|
||||
slidesOffsetAfter: 20, // 우측여백 px
|
||||
|
||||
breakpoints: { // 반응형 처리
|
||||
1024: {
|
||||
slidesPerView: 'auto',
|
||||
touchRatio: 1,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 'auto',
|
||||
touchRatio: 1,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
10: {
|
||||
slidesPerView: 'auto',
|
||||
touchRatio: 1,
|
||||
spaceBetween: 20,
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<!-- } 검색된 분류 끝 -->
|
||||
<?php } ?>
|
||||
|
||||
<div class="sort_wrpas">
|
||||
<select id="ssch_sort_all" onchange="set_sort(this.value.split(',')[0], this.value.split(',')[1])" class="select">
|
||||
<option value="">상품정렬</option>
|
||||
<option value="it_sum_qty,desc" <?php if(isset($_GET['qsort']) && $_GET['qsort'] == "it_sum_qty") { ?>selected<?php } ?>>판매순</option>
|
||||
<option value="it_price,asc" <?php if(isset($_GET['qsort']) && $_GET['qsort'] == "it_price" && $_GET['qorder'] == "asc") { ?>selected<?php } ?>>낮은가격순</option>
|
||||
<option value="it_price,desc" <?php if(isset($_GET['qsort']) && $_GET['qsort'] == "it_price" && $_GET['qorder'] == "desc") { ?>selected<?php } ?>>높은가격순</option>
|
||||
<option value="it_use_avg,desc" <?php if(isset($_GET['qsort']) && $_GET['qsort'] == "it_use_avg") { ?>selected<?php } ?>>평점순</option>
|
||||
<option value="it_use_cnt,desc" <?php if(isset($_GET['qsort']) && $_GET['qsort'] == "it_use_cnt") { ?>selected<?php } ?>>후기순</option>
|
||||
<option value="it_update_time,desc" <?php if(isset($_GET['qsort']) && $_GET['qsort'] == "it_update_time") { ?>selected<?php } ?>>등록일순</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="cb"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 검색결과 시작 { -->
|
||||
<div>
|
||||
<?php
|
||||
// 리스트 유형별로 출력
|
||||
if (isset($list) && is_object($list) && method_exists($list, 'run')) {
|
||||
$list->set_is_page(true);
|
||||
$list->set_view('it_img', true);
|
||||
$list->set_view('it_name', true);
|
||||
$list->set_view('it_basic', true);
|
||||
$list->set_view('it_cust_price', false);
|
||||
$list->set_view('it_price', true);
|
||||
$list->set_view('it_icon', true);
|
||||
$list->set_view('sns', true);
|
||||
$list->set_view('star', true);
|
||||
echo $list->run();
|
||||
}
|
||||
else
|
||||
{
|
||||
$i = 0;
|
||||
$error = '<p class="sct_nofile">'.$list_file.' 파일을 찾을 수 없습니다.<br>관리자에게 알려주시면 감사하겠습니다.</p>';
|
||||
}
|
||||
|
||||
if ($i==0)
|
||||
{
|
||||
echo '<div>'.$error.'</div>';
|
||||
}
|
||||
|
||||
$query_string = 'qname='.$qname.'&qexplan='.$qexplan.'&qid='.$qid;
|
||||
if($qfrom && $qto) $query_string .= '&qfrom='.$qfrom.'&qto='.$qto;
|
||||
$query_string .= '&qcaid='.$qcaid.'&q='.urlencode($q);
|
||||
$query_string .='&qsort='.$qsort.'&qorder='.$qorder;
|
||||
echo get_paging($config['cf_write_pages'], $page, $total_page, $_SERVER['SCRIPT_NAME'].'?'.$query_string.'&page=');
|
||||
?>
|
||||
</div>
|
||||
<!-- } 검색결과 끝 -->
|
||||
</div>
|
||||
<!-- } 검색 끝 -->
|
||||
|
||||
<style>
|
||||
|
||||
/* 바 { */
|
||||
.irs--flat .irs-line {
|
||||
top: 25px;
|
||||
height: 3px;
|
||||
background-color: #f3f3f3;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.irs--flat .irs-bar {
|
||||
top: 25px;
|
||||
height: 3px;
|
||||
background-color: #25282B;
|
||||
}
|
||||
|
||||
.irs--flat.irs-with-grid {
|
||||
height: 45px;
|
||||
}
|
||||
/* } */
|
||||
|
||||
|
||||
|
||||
/* 셀렉터 { */
|
||||
.irs--flat .irs-handle {
|
||||
top: 22px;
|
||||
width: 16px;
|
||||
height: 18px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.irs--flat .irs-handle>i:first-child {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: 50%;
|
||||
margin-left: -8px;
|
||||
margin-top: -3px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.irs-handle.type_last {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.irs--flat .irs-handle.state_hover>i:first-child,
|
||||
.irs--flat .irs-handle:hover>i:first-child {
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
/* } */
|
||||
|
||||
/* 뱃지 { */
|
||||
.irs--flat .irs-from,
|
||||
.irs--flat .irs-to,
|
||||
.irs--flat .irs-single {
|
||||
color: #000;
|
||||
font-size: 10px;
|
||||
line-height: 1.333;
|
||||
text-shadow: none;
|
||||
padding: 1px 5px;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
font-family:'font-B',sans-serif; font-weight:800;
|
||||
}
|
||||
|
||||
.irs--flat .irs-from:before,
|
||||
.irs--flat .irs-to:before,
|
||||
.irs--flat .irs-single:before {
|
||||
position: absolute;
|
||||
display: block;
|
||||
content: "";
|
||||
bottom: -6px;
|
||||
left: 50%;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-left: -3px;
|
||||
overflow: hidden;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #transparent;
|
||||
}
|
||||
/* } */
|
||||
|
||||
/* 단위 { */
|
||||
.irs--flat .irs-min,
|
||||
.irs--flat .irs-max {
|
||||
/* 상단 */
|
||||
top: 0;
|
||||
padding: 1px 3px;
|
||||
color: rgba(0, 0, 0, 0.3);
|
||||
font-size: 10px;
|
||||
line-height: 1.333;
|
||||
text-shadow: none;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 4px;
|
||||
font-family:'font-B',sans-serif; font-weight:800;
|
||||
|
||||
}
|
||||
|
||||
.js-grid-text-1 {
|
||||
padding-right: 14px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.irs-grid-text {
|
||||
padding-top: -20px;
|
||||
display: none;
|
||||
}
|
||||
/* } */
|
||||
|
||||
|
||||
/* 그리드 { */
|
||||
.irs-grid-pol {}
|
||||
|
||||
.irs-grid {
|
||||
top: 23px;
|
||||
margin-left: -5px;
|
||||
}
|
||||
/* } */
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function set_sort(qsort, qorder)
|
||||
{
|
||||
var f = document.frmdetailsearch;
|
||||
f.qsort.value = qsort;
|
||||
f.qorder.value = qorder;
|
||||
f.submit();
|
||||
}
|
||||
|
||||
function set_ca_id(qcaid)
|
||||
{
|
||||
var f = document.frmdetailsearch;
|
||||
f.qcaid.value = qcaid;
|
||||
f.submit();
|
||||
}
|
||||
|
||||
$(function(){
|
||||
//tooltip
|
||||
$(".tooltip_icon").click(function(){
|
||||
$(this).next(".tooltip").fadeIn(400);
|
||||
}).mouseout(function(){
|
||||
$(this).next(".tooltip").fadeOut();
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
965
theme/rb.basic/skin/shop/basic/style.css
Normal file
965
theme/rb.basic/skin/shop/basic/style.css
Normal file
@ -0,0 +1,965 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* 리스트 공통 */
|
||||
.lists-row{margin-right:-10px;margin-left:-10px}
|
||||
.lists-row .col-row-0,.lists-row .col-row-1,.lists-row .col-row-2,.lists-row .col-row-3,.lists-row .col-row-4,.lists-row .col-row-5,.lists-row .col-row-6,.lists-row .col-row-7,.lists-row .col-row-8,.lists-row .col-row-9,.lists-row .col-row-10{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;}
|
||||
.lists-row .col-row-0,.lists-row .col-row-1{width:100%}
|
||||
.lists-row .col-row-2{width:50%}
|
||||
.lists-row .col-row-3{width:33.33333333%}
|
||||
.lists-row .col-row-4{width:25%}
|
||||
.lists-row .col-row-5{width:20%}
|
||||
.lists-row .col-row-6{width:16.66666667%}
|
||||
.lists-row .col-row-7{width:14.28571428%}
|
||||
.lists-row .col-row-8{width:12.5%}
|
||||
.lists-row .col-row-9{width:11.11111111%}
|
||||
.lists-row .col-row-10{width:10%}
|
||||
.row-clear{clear:both!important}
|
||||
.lists-row .sct_img img{max-width:100%;height:auto}
|
||||
|
||||
/* aside:gnb */
|
||||
#gnb {margin-bottom:15px;background:#fff;border:1px solid #e8e8e8;border-top:0}
|
||||
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
.gnb_1dli {position:relative;word-wrap:break-word}
|
||||
.gnb_1dli_on {color:#fff;text-decoration:none}
|
||||
.gnb_1da {display:block;padding:0 20px;line-height:48px;color:#010101;text-decoration:none;font-size:1.167em}
|
||||
.gnb_1da i {position:absolute;right:0;top:0;display:inline-block;color:#c4c4c4;padding:15px;font-size:1.45em}
|
||||
|
||||
.gnb_1dam {background:url('img/gnb_bg.png') center right no-repeat}
|
||||
.gnb_1dli_on .gnb_1da {background-color:#f5f5f5;color:#3a8afd;font-weight:bold;text-decoration:none}
|
||||
.gnb_1dli_on .gnb_1da:after {position:absolute;left:-1px;top:0;content:"";background:#3a8afd;width:3px;height:100%}
|
||||
|
||||
.gnb_1dli_on .gnb_1dam {text-decoration:none}
|
||||
.gnb_2dul {display:none;z-index:1000;position:absolute;border:1px solid #e8e8e8;padding:10px}
|
||||
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:inline-block;top:0;left:263px;width:200px;background:#fff}
|
||||
.gnb_1dli_over .gnb_2dul:after, .gnb_1dli_over2 .gnb_2dul:after {content:"";position:absolute;top:10px;left:-6px;display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #fff}
|
||||
.gnb_1dli_over .gnb_2dul:before, .gnb_1dli_over2 .gnb_2dul:before {content:"";position:absolute;top:9px;left:-7px;display:inline-block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #e8e8e8}
|
||||
|
||||
.gnb_2da {}
|
||||
.gnb_1dli_over .gnb_2da {display:block;padding:5px 10px;line-height:20px;font-size:1.083em}
|
||||
.gnb_2da:focus, .gnb_2da:hover {text-decoration:none;color:#3a8afd}
|
||||
|
||||
/* 오늘 본 상품 */
|
||||
#stv {position:relative;height:100%}
|
||||
#stv .li_empty {text-align:center;line-height:100px}
|
||||
#stv_pg {display:block;position:fixed;right:0;bottom:0;width:229px;text-align:center;margin:10px 0 0;padding:15px;line-height:20px;background:#fff}
|
||||
.stv_item {display:none;padding:15px;word-break:break-all;border-bottom:1px solid #f6f6f6}
|
||||
.stv_item:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.stv_item .prd_img {display:inline-block;float:left;margin-right:10px}
|
||||
.stv_item .prd_cnt {display:inline-block;float:left}
|
||||
.stv_item .prd_cnt span {display:block;max-width:105px}
|
||||
.stv_item .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px}
|
||||
|
||||
#stv_btn {position:absolute;top:10px;right:10px;width:60px;height:50px}
|
||||
#up {position:absolute;top:0;left:0;background:url('img/btn_sb_prev.png') no-repeat 50% 50%;width:30px;height:30px;text-indent:-999px;overflow:hidden;border:0}
|
||||
#down {position:absolute;top:0;right:0;background:url('img/btn_sb_next.png') no-repeat 50% 50%;width:30px;height:30px;text-indent:-999px;overflow:hidden;border:0}
|
||||
|
||||
/* 이벤트 링크 */
|
||||
#sev {margin:20px 0;text-align:center}
|
||||
#sev header {margin:0 0 20px}
|
||||
#sev header:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sev h2 {float:left;font-size:1.5em;margin:0 0 10px 0;display:inline-block;line-height:1em}
|
||||
#sev h2:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sev ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sev>ul {margin:0 -10px}
|
||||
#sev .ev_li {float:left;padding:0 10px;width:33.333%}
|
||||
#sev .ev_li:first-child {margin-left:0}
|
||||
#sev .ev_li .sev_img img {width:100%;height:auto}
|
||||
#sev .ev_prd {border:1px solid #ddd;text-align:center;background:#fff}
|
||||
#sev .ev_prd li {position:relative;display:block;padding:15px;text-align:left;vertical-align:top;border-bottom:1px solid #f6f6f6}
|
||||
#sev .ev_prd li:last-child {border-bottom:0}
|
||||
#sev .ev_prd li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sev .ev_prd .ev_prd_tit {display:block;color:#000;font-size:1.1em;margin-bottom:5px}
|
||||
#sev .ev_prd .ev_prd_img {float:left;display:inline-block}
|
||||
#sev .ev_prd .ev_txt_wr {float:left;max-width:139px;margin-left:10px}
|
||||
#sev .ev_prd .ev_prd_price {font-weight:bold;display:block;margin:5px 0 10px;font-size:1.25em;font-weight:bold}
|
||||
#sev .ev_prd .sev_more {color:#3a8afd;background:#fff;display:block;text-align:center}
|
||||
|
||||
|
||||
/* 커뮤니티 링크 */
|
||||
#scomm {padding:20px}
|
||||
#scomm h2 {margin:0 0 5px}
|
||||
#scomm li {display:block;margin:3px}
|
||||
#scomm li a {line-height:25px;color:#555}
|
||||
#scomm li a:hover {color:#be334a}
|
||||
|
||||
/* 메인배너 */
|
||||
#main_bn {border:1px solid #e3e5e8;position:relative;margin:19px 0 30px}
|
||||
#main_bn:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#main_bn .slide-wrap {padding:0;margin:0}
|
||||
#main_bn .slide-wrap img {max-width:100%;height:auto}
|
||||
#main_bn .main_image_area{position:relative}
|
||||
#main_bn .owl_pager {position:relative;width:100%;background:#fff;border-top:1px solid #e3e5e8}
|
||||
#main_bn .owl_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#main_bn .owl_pager li {float:left;position:relative;width:20%;border-left:1px solid #e3e5e8;text-align:center;line-height:45px;height:45px;font-size:1.2em}
|
||||
#main_bn .owl_pager li:first-child, #main_bn .owl_pager li:nth-child(5n+1) {border-left:0}
|
||||
#main_bn .owl_pager li a {display:block}
|
||||
#main_bn .owl_pager li a:after {content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#e3e5e8}
|
||||
#main_bn .owl_pager li.active a {color:#3a8afd}
|
||||
#main_bn .owl_pager li.active a:after {background:#3a8afd;top:-1px}
|
||||
|
||||
.btn_wr {background:rgba(0,0,0,0.5);display:inline-block;position:absolute;right:20px;bottom:65px;border-radius:30px;padding:3px 5px}
|
||||
#main_bn .btn_wr{z-index:2}
|
||||
.btn_wr .pager-prev {margin-left:5px;font-weight:bold}
|
||||
.btn_wr .pager-next {margin-right:5px;font-weight:bold}
|
||||
.btn_wr .pager-prev, .btn_wr .pager-next, #slide-counter {float:left;display:inline-block;padding:5px;color:#fff}
|
||||
#slide-counter {margin:0 5px}
|
||||
|
||||
/*서브배너*/
|
||||
#sbn_side {position:relative;width:100%;margin-bottom:20px}
|
||||
.sb_bn {}
|
||||
.sb_bn img {width:100%;height:auto}
|
||||
#sbn_side h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#sbn_side .bx-controls {position:absolute;bottom:10px;left:15px}
|
||||
#sbn_side .bx-pager-item {display:inline-block}
|
||||
#sbn_side .bx-pager-item a {float:left;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#fff;text-indent:-9999px;opacity:0.5}
|
||||
#sbn_side .bx-pager-item a.active {opacity:1}
|
||||
#sbn_side .bx-controls-direction {display:none}
|
||||
|
||||
/*장바구니*/
|
||||
#sbsk {position:relative}
|
||||
#sbsk li {position:relative;border-bottom:1px solid #f6f6f6;padding:15px}
|
||||
#sbsk li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sbsk .go_cart {position:absolute;top:11px;right:15px;display:inline-block;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;background:#fff;padding:2px 5px}
|
||||
#sbsk .btn_buy {padding:15px;font-weight:bold;text-align:center}
|
||||
#sbsk .btn_buy .btn_submit {width:100%;height:40px}
|
||||
#sbsk .li_empty {text-align:center;line-height:100px}
|
||||
#sbsk .prd_img {display:inline-block;float:left;margin-right:10px}
|
||||
#sbsk .prd_cnt {display:inline-block;float:left}
|
||||
#sbsk .prd_cnt a, #sbsk .prd_cnt span {display:block;max-width:105px}
|
||||
#sbsk .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px}
|
||||
#sbsk .cart_del {border:0;width:35px;height:35px;text-align:center;position:absolute;right:0;bottom:0;color:#c5c8ca;background:#fff;font-size:1.25em}
|
||||
|
||||
/*위시리스트*/
|
||||
#wish {}
|
||||
#wish li {position:relative;border-bottom:1px solid #f6f6f6;padding:15px}
|
||||
#wish li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#wish .li_empty {text-align:center;line-height:100px}
|
||||
#wish .prd_img {display:inline-block;float:left;margin-right:10px}
|
||||
#wish .prd_cnt {display:inline-block;float:left}
|
||||
#wish .prd_cnt a {display:block;max-width:105px}
|
||||
#wish .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px}
|
||||
|
||||
/* ##### main(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
|
||||
|
||||
/* 공통 */
|
||||
.sct_wrap {position:relative;margin:0 0 20px}
|
||||
.sct_wrap .sctrl {position:absolute;top:0;right:0} /* 애니메이션 효과 사용 시 재생 정지 버튼 등 */
|
||||
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sct_wrap header {padding:10px 0 20px}
|
||||
.sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sct_wrap h2 {float:left;font-size:1.5em;margin:0 0 10px 0;display:inline-block;line-height:1em}
|
||||
.sct_wrap h2:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sct_wrap h2 a {text-decoration:none}
|
||||
|
||||
#sct {clear:both}
|
||||
|
||||
.sct {clear:both;margin:0;padding:0;list-style:none}
|
||||
.sct:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sct_li {position:relative}
|
||||
.sct_noitem {padding:100px 0;text-align:center}
|
||||
.sct img {position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */
|
||||
.shop_icon {display:inline-block;color:#fff;line-height:20px;padding:0 5px;font-size:0.92em;margin:1px;border-radius:2px}
|
||||
.shop_icon_1 {background:#3ec1d3}
|
||||
.shop_icon_2 {background:#ffb722}
|
||||
.shop_icon_3 {background:#2dd49f}
|
||||
.shop_icon_4 {background:#556ee6}
|
||||
.shop_icon_5 {background:#ff5081}
|
||||
|
||||
.shop_icon_soldout {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.5);text-align:center;line-height:215px;color:#fff;font-size:18px;font-weight:bold;letter-spacing:1px}
|
||||
.shop_icon_soldout.h160{line-height:160px}
|
||||
.shop_icon_coupon {background:#d45959}
|
||||
|
||||
/* 재생/정지/이전/다음 버튼 */
|
||||
.sctrl {margin:0;padding:0;list-style:none}
|
||||
.sctrl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sctrl li {position:relative;float:left}
|
||||
.sctrl button {position:relative;margin:0;padding:0;width:20px;height:20px;border:0;cursor:pointer;overflow:hidden}
|
||||
.sctrl button span {position:absolute;top:0;left:0;width:20px;height:20px;border:0;background:url('img/is_button.gif') no-repeat}
|
||||
.sctrl button.sctrl_play span {background-position:-60px 0}
|
||||
.sctrl button.sctrl_play span.sctrl_on {background-position:-60px -30px}
|
||||
.sctrl button.sctrl_stop span {background-position:-90px 0}
|
||||
.sctrl button.sctrl_stop span.sctrl_on {background-position:-90px -30px}
|
||||
.sctrl button.sctrl_prev span {background-position:-120px 0}
|
||||
.sctrl button.sctrl_prev span.sctrl_on {background-position:-120px -30px}
|
||||
.sctrl button.sctrl_next span {background-position:-150px 0}
|
||||
.sctrl button.sctrl_next span.sctrl_on {background-position:-150px -30px}
|
||||
|
||||
/* 메인리스트 별점 공통 */
|
||||
.sct_li .sct_star img, .sct_li img.sit_star{width:72px !important;height:auto}
|
||||
|
||||
/* 상품 목록 스킨 10 */
|
||||
.sct_10 {margin:25px 0}
|
||||
.sct_10.lists-row{margin-right:-10px;margin-left:-10px}
|
||||
.sct_10 .sct_li {position:relative;float:left;margin-bottom:40px;text-align:left}
|
||||
.sct_10 .sct_last {margin-right:0}
|
||||
.sct_10 .sct_clear {clear:both}
|
||||
.sct_10 .sct_a {text-decoration:none}
|
||||
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
|
||||
|
||||
.sct_10 .sct_img {position:relative;text-align:center}
|
||||
.sct_10 .sct_img a {display:block}
|
||||
.sct_10 .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold}
|
||||
.sct_10 .sct_img:hover .sct_cart {display:block}
|
||||
.sct_10 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
|
||||
.sct_10 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}
|
||||
|
||||
.sct_10 .sct_ct_wrap {position:relative}
|
||||
.sct_10 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sct_10 .sct_star {margin: 10px 0 5px}
|
||||
.sct_10 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px}
|
||||
.sct_10 .sct_basic {margin-bottom:5px;color:#6e7f88}
|
||||
.sct_10 .sct_bottom {position:relative;min-height:20px}
|
||||
.sct_10 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold}
|
||||
.sct_10 .sct_dict {display:block;text-decoration:line-through;font-weight:normal;font-size:0.85em;color:#858a8d}
|
||||
|
||||
.sct_10 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
|
||||
.sct_10 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
|
||||
.sct_10 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
|
||||
.sct_10 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
|
||||
.sct_10 .sct_sns .share-facebook {background:#415b92}
|
||||
.sct_10 .sct_sns .share-twitter {background:#35b3dc}
|
||||
.sct_10 .sct_sns img {width:24px}
|
||||
.sct_10 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
|
||||
.sct_10 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
|
||||
|
||||
.sct_10 .sct_op_btn {position:absolute;right:5px;bottom:0}
|
||||
.sct_10 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}
|
||||
|
||||
/* 상품 목록 스킨 20 */
|
||||
.sct_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
|
||||
.sct_20 .sct_last {margin:0 0 15px !important}
|
||||
.sct_20 .sct_clear {clear:both}
|
||||
.sct_20 .sct_a {display:block;position:relative;text-decoration:none}
|
||||
.sct_20 .sct_a:focus, .sct_20 .sct_a:hover {text-decoration:none}
|
||||
.sct_20 .sct_img {}
|
||||
.sct_20 .sct_icon {position:absolute;top:10px;left:-5px;margin:0 !important}
|
||||
.sct_20 .sct_icon img {display:block;margin:0 0 3px}
|
||||
.sct_20 .sct_id {display:block;padding:5px 10px 0;background:#f2f5f9}
|
||||
.sct_20 .sct_txt {padding:10px;background:#f2f5f9}
|
||||
.sct_20 .sct_basic {padding:0 10px 5px;background:#f2f5f9;line-height:1.5em}
|
||||
.sct_20 .sct_cost {display:block;padding:0 10px 10px;background:#f2f5f9;font-weight:bold}
|
||||
.sct_20 .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
|
||||
.sct_20 .sct_sns {position:absolute;bottom:10px;right:10px}
|
||||
|
||||
/* 상품 목록 스킨 30 */
|
||||
.sct_30 .sct_li {position:relative;float:left;margin:0 16px 15px 0;border:1px solid #e9e9e9;background:#f5f6fa}
|
||||
.sct_30 .sct_last {margin:0 0 15px !important}
|
||||
.sct_30 .sct_clear {clear:both}
|
||||
.sct_30 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('img/icon_arw_toleft.gif') no-repeat}
|
||||
.sct_30 .sct_a {text-decoration:none}
|
||||
.sct_30 .sct_img {position:absolute;top:0;left:0}
|
||||
.sct_30 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
|
||||
.sct_30 .sct_icon img {display:block;margin:0 0 3px}
|
||||
.sct_30 .sct_txt {display:inline-block;margin:0 0 20px}
|
||||
.sct_30 .sct_basic {margin:0 0 15px;padding:0;line-height:1.5em}
|
||||
.sct_30 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
|
||||
.sct_30 .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
|
||||
.sct_30 .sct_sns {position:absolute;bottom:20px;right:10px}
|
||||
|
||||
/* 상품 목록 스킨 40 */
|
||||
.sct_40 {margin:20px 0}
|
||||
.sct_40 .sct_clear {border-top:1px solid #dadada}
|
||||
.sct_40 .sct_li {position:relative;padding:15px 0;border-bottom:1px solid #dadada}
|
||||
.sct_40 .sct_li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sct_40 .sct_a {text-decoration:none}
|
||||
.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;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}
|
||||
.sct_40 .list-10-btn .sct_cart i{display:none}
|
||||
.sct_40 .sct_img:hover .sct_cart {display:block}
|
||||
.sct_40 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
|
||||
.sct_40 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}
|
||||
.sct_40 .sit_icon_li{margin-top:10px}
|
||||
|
||||
.sct_40 .sct_ct_wrap {position:relative}
|
||||
.sct_40 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sct_40 .sct_star {margin:10px 0 5px}
|
||||
.sct_40 .sct_txt {font-size:1.1em;margin:10px 0;padding-bottom:10px}
|
||||
.sct_40 .sct_txt a{font-weight:600;font-size:1.2em}
|
||||
.sct_40 .sct_basic {margin-bottom:5px;color:#6e7f88}
|
||||
.sct_40 .sct_cost {position:absolute;right:200px;top:15px;font-size:1.35em;font-weight:bold}
|
||||
.sct_40 .sct_dict {text-decoration:line-through;font-weight:normal;display:block;font-size:0.85em;color:#858a8d}
|
||||
|
||||
.sct_40 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
|
||||
.sct_40 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
|
||||
.sct_40 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
|
||||
.sct_40 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
|
||||
.sct_40 .sct_sns .share-facebook {background:#415b92}
|
||||
.sct_40 .sct_sns .share-twitter {background:#35b3dc}
|
||||
.sct_40 .sct_sns img {width:24px}
|
||||
.sct_40 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
|
||||
.sct_40 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
|
||||
|
||||
.sct_40 .sct_op_btn {position:absolute;right:20px;bottom:20px}
|
||||
.sct_40 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}
|
||||
|
||||
|
||||
|
||||
/* 개인결제 목록 */
|
||||
.sct_pv .sct_li {position:relative;float:left;margin:0 18px 15px 0}
|
||||
.sct_pv .sct_last {margin:0 0 15px !important}
|
||||
.sct_pv .sct_clear {clear:both}
|
||||
.sct_pv .sct_a {display:inline-block;position:relative;text-decoration:none;font-size:1.1em}
|
||||
.sct_pv .sct_a:focus, .sct_pv .sct_a:hover {text-decoration:none}
|
||||
.sct_pv .sct_img {margin:0 0 10px}
|
||||
.sct_pv .sct_txt {margin:0 0 5px}
|
||||
.sct_pv .sct_icon {margin:0 0 10px}
|
||||
.sct_pv .sct_id {display:block;margin:0 0 5px}
|
||||
.sct_pv .sct_basic {margin:0 0 10px}
|
||||
.sct_pv .sct_cost {display:block;margin:5px 0 10px;font-size:1.25em;font-weight:bold}
|
||||
.sct_pv .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
|
||||
.sct_pv .sct_sns {}
|
||||
|
||||
/* 메인 상품 목록 스킨 10 */
|
||||
.smt_10 {margin:0 -5px}
|
||||
.smt_10 .sct_li {position:relative;float:left;width:215px;margin-right:15px;margin-bottom:15px;text-align:left}
|
||||
.smt_10 .sct_last {margin-right:0}
|
||||
.smt_10 .sct_clear {clear:both}
|
||||
.smt_10 .sct_a {text-decoration:none}
|
||||
.smt_10 .sct_a:focus, .smt_10 .sct_a:hover {text-decoration:none}
|
||||
.smt_10 .sct_ct_wrap {position:relative}
|
||||
.smt_10 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
.smt_10 .sct_img {position:relative;text-align:center}
|
||||
.smt_10 .sct_img a {display:block}
|
||||
.smt_10 .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold}
|
||||
.smt_10 .sct_img:hover .sct_cart {display:block}
|
||||
.smt_10 .sct_li.overlay .sct_cart{display:none !important}
|
||||
.smt_10 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
|
||||
.smt_10 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}
|
||||
|
||||
.smt_10 .sct_star {margin: 10px 0 5px}
|
||||
.smt_10 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px}
|
||||
.smt_10 .sct_basic {margin-bottom:5px;color:#6e7f88}
|
||||
.smt_10 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold}
|
||||
.smt_10 .sct_dict {text-decoration:line-through;font-weight:normal;display:block;font-size:0.85em;color:#858a8d}
|
||||
|
||||
.smt_10 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
|
||||
.smt_10 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
|
||||
.smt_10 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
|
||||
.smt_10 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
|
||||
.smt_10 .sct_sns .share-facebook {background:#415b92}
|
||||
.smt_10 .sct_sns .share-twitter {background:#35b3dc}
|
||||
.smt_10 .sct_sns img {width:24px}
|
||||
.smt_10 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
|
||||
.smt_10 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
|
||||
|
||||
.smt_10 .sct_op_btn {position:absolute;right:5px;bottom:0}
|
||||
.smt_10 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}
|
||||
|
||||
.sct_cartop_wr {position:absolute;top:0;left:0;z-index:9999;width:100%;height:100%;padding:10px;text-align:left;background:rgba(0,0,0,0.5);opacity:0.98}
|
||||
.sct_cartop_wr .it_option {width:100%;height:35px;margin-bottom:5px;}
|
||||
.sct_cartop_wr .cartopt_cart_btn {width:100%;border:1px solid #1c70e9;padding:8px 5px;margin-bottom:5px;background:#3a8afd;color:#fff;border-radius:3px}
|
||||
.sct_cartop_wr .cartopt_close_btn {width:100%;border:1px solid #1c70e9;padding:8px 5px;background:#fff;color:#1c70e9;border-radius:3px}
|
||||
|
||||
/* 메인 상품 목록 스킨 20 */
|
||||
.smt_20 {position:relative;overflow-y:hidden;margin:0 -5px}
|
||||
.smt_20 .sct_ul {width:100%;position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}
|
||||
.smt_20 .sct_ul_first {display:block;top:0}
|
||||
.smt_20 .sct_li {position:relative;float:left;width:215px;margin-right:15px;margin-bottom:15px;text-align:left}
|
||||
.smt_20 .sct_last {margin:0 0 15px !important}
|
||||
.smt_20 .sct_clear {clear:both}
|
||||
.smt_20 .sct_a {display:inline-block;position:relative;text-decoration:none}
|
||||
.smt_20 .sct_a:focus, .smt_20 .sct_a:hover {text-decoration:none}
|
||||
.smt_20 .sct_img {position:relative;text-align:center}
|
||||
.smt_20 .sct_img a {display:block}
|
||||
.smt_20 .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold}
|
||||
.smt_20 .sct_img:hover .sct_cart {display:block}
|
||||
.smt_20 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px}
|
||||
.smt_20 .sct_basic {margin-bottom:5px;color:#6e7f88}
|
||||
.smt_20 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold}
|
||||
.smt_20 .sct_dict {text-decoration:line-through;display:block;font-size:0.85em;color:#858a8d}
|
||||
|
||||
.smt_20 .sct_sns {margin-bottom:10px}
|
||||
.smt_20 .sct_sns a {display:inline-block;border-radius:50%;width:30px;height:30px;line-height:28px;margin-right:5px;text-align:center}
|
||||
.smt_20 .sct_sns .share-facebook {background:#415b92}
|
||||
.smt_20 .sct_sns .share-twitter {background:#35b3dc}
|
||||
.smt_20 .sct_sns img {width:20px}
|
||||
|
||||
.smt_20 .sct_icon {margin:0 0 10px}
|
||||
.smt_20 .sct_id {display:block;margin:0 0 5px}
|
||||
|
||||
|
||||
/* 메인 상품 목록 스킨 30 */
|
||||
.smt_30 {position:relative}
|
||||
.smt_30 li {position:relative;min-height:50px;padding:10px 15px;background:#fff}
|
||||
.smt_30 li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.smt_30 .sct_clear {clear:both}
|
||||
.smt_30 .sct_img {float:left;width:80px;margin-right:10px}
|
||||
.smt_30 .sct_img img {width:100%;height:auto}
|
||||
.smt_30 .sct_cnt {display:inline-block;float:left;max-width:143px;line-height:20px}
|
||||
.smt_30 .sct_txt a {display:block;font-size:1em;color:#000;max-height:40px;overflow:hidden;text-overflow:ellipsis;list-style:none}
|
||||
.smt_30 .sct_cost {font-weight:bold;font-size:1.2em}
|
||||
|
||||
|
||||
/* 메인 상품 목록 스킨 40 */
|
||||
.smt_40 {background:#fff;padding:20px;border:1px solid #e3e5e8}
|
||||
.smt_40 .sct_li {position:relative;float:left;width:20%;margin:0 8px}
|
||||
.smt_40 .sct_last {}
|
||||
.smt_40 .sct_clear {clear:both}
|
||||
.smt_40 .sct_img {position:relative;text-align:center}
|
||||
.smt_40 .sct_star {margin:10px 0 5px}
|
||||
.smt_40 .sct_txt {display:block;margin:5px 0;font-size:1.1em}
|
||||
.smt_40 .sct_cost {margin:5px 0;font-size:1.25em;font-weight:bold}
|
||||
|
||||
|
||||
/* 관련상품 목록 스킨 10 */
|
||||
#sit_rel {position:relative;border:1px solid #e8e8e8;padding:35px;margin-top:20px;background:#fff}
|
||||
#sit_rel:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_rel h2 {font-size:1.6em;margin:0 0 30px;text-align:center}
|
||||
#sit_rel .bx-wrapper {margin:0 auto}
|
||||
#sit_rel .bx-controls-direction {position:absolute;top:25px;right:35px}
|
||||
#sit_rel .bx-prev {display:inline-block;width:30px;height:30px;border:1px solid #dee3eb;border-right:0;text-indent:-999px;overflow:hidden;background:url('img/select_arrow_left.png') no-repeat 50% 50%}
|
||||
#sit_rel .bx-next {display:inline-block;width:30px;height:30px;border:1px solid #dee3eb;text-indent:-999px;overflow:hidden;background:url('img/select_arrow_right.png') no-repeat 50% 50%}
|
||||
.scr_10 li img {width:100%;height:auto}
|
||||
.scr_10 .sct_txt {display:block;margin:5px 0;font-size:1.1em}
|
||||
.scr_10 .sct_cost {margin:5px 0;font-size:1.25em;font-weight:bold}
|
||||
|
||||
/* ##### main(nn).skin.php, list.(nn).skin..php 공통 적용 끝 ##### */
|
||||
|
||||
/* 상품 목록 */
|
||||
#sct {margin:0}
|
||||
.sct_admin {text-align:right}
|
||||
.sct_admin a {}
|
||||
|
||||
/* 상품 목록 현재 위치 */
|
||||
#sct_location {display:inline-block;float:right;padding:12px 0;position:absolute;right:0;top:12px}
|
||||
#sct_location .go_home {display:inline-block;font-size:1.4em;color:#a2a2a2;line-height:17px;text-decoration:none;vertical-align:top;padding:0 12px}
|
||||
#sct_location i.dividing-line {vertical-align:top;font-size:1.2em;color:#a2a2a2;display:inline-block;margin:0;line-height:17px}
|
||||
#sct_location select {float:left;border:1px solid #d3d3d3;height:26px;padding:0 5px;margin:0 12px}
|
||||
#sct_location.is_right select{float:right}
|
||||
#sct_location.view_location{display:block;float:none!important;position:relative;top:0;left:0}
|
||||
#sct_location.view_location:after{display:block;visibility:hidden;clear:both;content:""}
|
||||
.view_location .go_home{float:left}
|
||||
.view_location i.dividing-line{float:left}
|
||||
.view_location .shop_select_to_html.shop_hover_selectbox{float:left}
|
||||
.shop_select_to_html{position:relative;display:inline-block}
|
||||
.shop_select_to_html span{padding:10px 20px 15px}
|
||||
.shop_select_to_html .menulist{position:absolute;top:20px;display:none;opacity:0;transition:all .2s ease-in-out}
|
||||
.view_location .shop_select_to_html .menulist{left:0}
|
||||
.is_right .shop_select_to_html .menulist{right:0}
|
||||
.shop_select_to_html:hover .category_title,.shop_select_to_html:hover .category_title i{color:#69aa6f}
|
||||
.shop_select_to_html:hover .menulist{display:block;opacity:1;transition:all .2s ease-in-out}
|
||||
.shop_select_to_html .menulist{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,88,112,0.11);box-sizing:border-box;margin-top:4px;overflow:hidden;padding:6px 0;-webkit-transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;z-index:9;white-space:nowrap;width:auto}
|
||||
.shop_select_to_html .menulist ul.wide{display:inline-block;width:146px;vertical-align:top;min-height:360px}
|
||||
.shop_select_to_html .menulist ul.left-border{border-left:1px dashed #e6e9ed}
|
||||
.shop_select_to_html .option{font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;text-align:left;-webkit-transition:all .2s;transition:all .2s}
|
||||
.shop_select_to_html .option:hover,.shop_select_to_html .option.focus,.shop_select_to_html .option.selected.focus{background-color:#f6f7f9}
|
||||
.shop_select_to_html .option.selected,.shop_select_to_html .option.selected a{font-weight:700;color:#69aa6f}
|
||||
.shop_select_to_html .option.disabled{background-color:transparent;color:#90a1b5;cursor:default}
|
||||
.shop_select_to_html .option a{display:block;padding-left:28px;padding-right:49px}
|
||||
.shop_select_to_html .category_title{color:#4F4F4F;font-size:1.1em}
|
||||
.shop_select_to_html .category_title i{margin-left:5px;color:#a2a2a2}
|
||||
|
||||
.sct_here {font-weight:bold}
|
||||
.sct_bg {padding-right:15px !important;background:url('img/sct_bg_toright.gif') right 50% no-repeat}
|
||||
|
||||
/* 상품 목록 카테고리 목록 */
|
||||
.sct_ct {clear:both;margin:10px 0 20px;background:#fff;border:1px solid #d3d3d3;border-top:2px solid #000;padding:10px}
|
||||
.sct_ct h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sct_ct a {text-decoration:none}
|
||||
.sct_ct_parent {font-weight:bold}
|
||||
.sct_ct_here {color:#ff3600 !important}
|
||||
|
||||
#sct_ct_1 li {float:left;width:20%;border-right:1px solid #f6f6f6}
|
||||
#sct_ct_1 li:nth-child(5n) {border-right:0}
|
||||
#sct_ct_1 li a {display:block;padding:0 10px;line-height:40px;font-weight:bold}
|
||||
#sct_ct_1 li a:hover {color:#3a8afd}
|
||||
|
||||
#sct_ct_2 li {margin:0 0 10px}
|
||||
#sct_ct_2 a {display:inline-block;width:120px}
|
||||
|
||||
#sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px}
|
||||
|
||||
/* 상품 정렬 리스트 스타일 선택 공통 */
|
||||
#sct_sortlst {clear:both;background:#fff;border:1px solid #e3e5e8}
|
||||
#sct_sortlst:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
/* 상품 정렬 */
|
||||
#sct_sort {float:left;width:80%}
|
||||
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sct_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#sct_sort ul {margin:0;padding:0 0 0 1px;list-style:none}
|
||||
#sct_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sct_sort li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px}
|
||||
#sct_sort li a {border-left:1px solid #ddd;display:block;padding:0 10px}
|
||||
#sct_sort li a:hover {color:#be334a}
|
||||
#sct_sort li:first-child a {border:0}
|
||||
|
||||
/* 상품 리스트 스타일 선택 */
|
||||
#sct_lst {float:right;margin:0 0;padding:0;list-style:none}
|
||||
#sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sct_lst li {position:relative;float:left}
|
||||
#sct_lst button {position:relative;margin:0;padding:0;width:45px;height:45px;border:0;cursor:pointer;background:#fff;color:#adadad;font-size:15px}
|
||||
#sct_lst button:hover {color:#000}
|
||||
#sct_lst button.sct_lst_list {}
|
||||
#sct_lst button .icon {display:block}
|
||||
|
||||
/* 상품 상세보기 */
|
||||
#sit {margin:0 0 10px}
|
||||
.sit_admin {position:absolute;right:0;top:2px;text-align:right}
|
||||
.sit_admin a {line-height:35px;padding:0 10px}
|
||||
.sit_empty {padding:60px 0;text-align:center}
|
||||
|
||||
.is_search #wrapper_title, .is_item #wrapper_title{display:none}
|
||||
|
||||
/* 상품 상세보기 - 개요 */
|
||||
#sit_ov_from {background:#fff;border-bottom:1px solid #e3e3e3;clear:both}
|
||||
#sit_ov_wrap {width:1200px;margin:0 auto;padding:45px;border-top:1px solid #e3e3e3}
|
||||
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
/* 상품 상세보기 - 이미지 미리보기 */
|
||||
#sit_pvi {float:left;position:relative}
|
||||
#sit_pvi_big {float:right;text-align:center}
|
||||
#sit_pvi_big a {display:none}
|
||||
#sit_pvi_big a.visible {display:block}
|
||||
#sit_pvi_big #popup_item_image {display:inline-block;position:absolute;bottom:0;right:0;width:43px;height:43px;line-height:43px;background:#fff;color:#8c9195;border:1px solid #e0e0e0;font-size:1.4em}
|
||||
#sit_pvi_big img {width:500px;height:auto}
|
||||
#sit_pvi_thumb {float:left;margin:0;padding:0;list-style:none;text-align:center}
|
||||
#sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_pvi_thumb li {margin:0 15px 15px 0}
|
||||
#sit_pvi_thumb img {border:1px solid #dbdbdb}
|
||||
#sit_pvi_thumb img:hover {border:1px solid #010101}
|
||||
|
||||
#sit_pvi_nwbig {padding:10px 0;text-align:center}
|
||||
#sit_pvi_nwbig span {display:none}
|
||||
#sit_pvi_nwbig span.visible {display:inline}
|
||||
#sit_pvi_nw ul {margin:0 0 20px;text-align:center;padding:0 10px;list-style:none}
|
||||
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_pvi_nw li {display:inline-block;margin:0 0 1px 1px}
|
||||
#sit_pvi_nw li img {width:60px;height:60px}
|
||||
|
||||
/* 상품 상세보기 - 간략정보 및 구매기능 */
|
||||
#sit_ov {position:relative;float:right;width:448px;height:auto !important;height:355px;min-height:355px;padding-bottom:20px}
|
||||
#sit_ov h3 {margin:0 0 10px}
|
||||
|
||||
#sit_title {margin:0 0 10px;font-size:2.4em}
|
||||
#sit_desc {margin:0 0 10px;padding:0;color:#474747;font-size:1.167em}
|
||||
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
|
||||
#sit_star_sns {position:relative}
|
||||
#sit_star_sns span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
|
||||
#sit_star_sns .sit_star {position:relative;top:-2px;margin:0 5px 0 0}
|
||||
|
||||
#sit_star_sns a {display:inline-block;vertical-align:middle}
|
||||
#sit_star_sns .btn_sns_share {float:left;background:transparent;width:35px;height:25px;border:0;color:#4b5259;font-size:1.6em;font-weight:bold}
|
||||
#sit_star_sns .btn_sns_share:hover {color:#3a8afd}
|
||||
#sit_star_sns .sns_area {display:none;position:absolute;top:45px;right:0;max-width:175px;text-align:center;background:#fff;border:1px solid #e2e2e2;padding:10px;z-index:10}
|
||||
#sit_star_sns .sns_area:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #e2e2e2 transparent}
|
||||
#sit_star_sns .sns_area:after {content:"";position:absolute;top:-7px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
|
||||
#sit_star_sns .sns_area a {display:inline-block;width:35px;height:35px;line-height:35px;margin-bottom:5px;background:#eee;text-align:center;border-radius:50%}
|
||||
#sit_star_sns .sns_area a img {width:24px;height:auto}
|
||||
#sit_star_sns .sns_area #sit_btn_rec {font-size:15px}
|
||||
#sit_star_sns .sns_area .share-facebook {background:#415b92}
|
||||
#sit_star_sns .sns_area .share-twitter {background:#35b3dc}
|
||||
|
||||
#sit_btn_opt {position:absolute;right:0;bottom:0}
|
||||
#btn_wish {float:left;position:relative;display:inline-block;padding-right:5px;color:#4b5259;width:35px;height:25px;text-align:center;font-size:1.25em;font-weight:bold}
|
||||
#btn_wish i {font-size:1.6em;font-weight:bold}
|
||||
#btn_wish .btn_wish_num {position:absolute;right:0;bottom:-2px;margin:0;padding:0 2px;height:17px;line-height:15px;border-radius:30px;background:#fff;color:#4b5259;font-size:0.75em}
|
||||
|
||||
.sit_info {padding:10px 0;border-top:1px solid #e2e2e2;margin:10px 0 0;border-bottom:1px solid #e2e2e2}
|
||||
.sit_info .tr_price {border-bottom:1px solid #e2e2e2}
|
||||
.sit_info .tr_price th,
|
||||
.sit_info .tr_price td {padding-bottom:15px}
|
||||
|
||||
.sit_ov_tbl {width:100%;border:0;border-collapse:collapse;color:#666}
|
||||
.sit_ov_tbl th {font-weight:normal;text-align:left}
|
||||
.sit_ov_tbl td {padding:10px 0}
|
||||
.sit_ov_tbl td strong {color:#000;line-height:5px;vertical-align:top;font-size:1.25em}
|
||||
.sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle}
|
||||
.sit_ov_opt {padding:2px 2px 3px;border:0;background:transparent;vertical-align:middle}
|
||||
.sit_ov_input {margin:0 1px 0 0;padding:2px 2px 3px;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
|
||||
#sit_ov_tbl button {margin:0 1px 0 0}
|
||||
|
||||
.sit_option {padding:10px 0;margin:10px 0 0}
|
||||
.sit_option label {display:block;margin:0 0 5px;color:#666}
|
||||
.sit_option label.label-title{display:none}
|
||||
.sit_option select {width:100%;margin:0 0 10px;height:50px;padding:0 10px;border:1px solid #cdcdcd;
|
||||
-webkit-appearance:none; /* 화살표 없애기 for chrome*/
|
||||
-moz-appearance:none; /* 화살표 없애기 for firefox*/
|
||||
appearance:none; /* 화살표 없애기 공통*/
|
||||
background:url('img/select_arrow.png') no-repeat 96% 50%/* 화살표 아이콘 추가 */
|
||||
}
|
||||
.sit_option select::-ms-expand {display:none/* 화살표 없애기 for IE10, 11*/}
|
||||
|
||||
.sit_option h3 {font-size:1.083em}
|
||||
.sit_sel_btn {position:relative} /* 선택옵션용 추가 버튼 */
|
||||
.sit_sel_btn button {position:absolute;top:-51px;right:0 !important;right:15px}
|
||||
|
||||
#sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#sit_tot_price {font-size:1.167em;line-height:45px;font-weight:bold;text-align:right}
|
||||
#sit_tot_price:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_tot_price span {float:left}
|
||||
#sit_tot_price strong {font-size:1.5em;margin-left:15px}
|
||||
|
||||
#sit_ov_soldout {padding:20px 0;margin:10px 0;color:#ff3061;background:#fff6f6;font-weight:bold;text-align:center}
|
||||
|
||||
#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_ov_btn button {width:186px;float:left;margin-right:5px;height:50px;margin-bottom:10px;font-weight:bold;font-size:1.25em}
|
||||
.sit_btn_buy {background:#3a8afd;border-radius:3px;border:1px solid #1c70e9;color:#fff}
|
||||
.sit_btn_buy:hover {background:#2176f1}
|
||||
.sit_btn_cart {background:#fff;border-radius:3px;border:1px solid #98a3b3;color:#000}
|
||||
.sit_btn_cart:hover {background:#f3f3f3}
|
||||
#sit_btn_alm {float:left;display:inline-block;width:186px;height:50px;margin-left:5px;line-height:50px;margin-bottom:10px;font-weight:bold;font-size:1.25em;background:#d50c0c;border-radius:3px;color:#fff;border:0;text-align:center}
|
||||
.sit_btn_wish {float:left;display:inline-block;width:65px;height:50px;margin-bottom:10px;line-height:50px;color:#8c9195;font-size:1.6em;border:1px solid #98a3b3;text-align:center;border-radius:3px;font-weight:bold}
|
||||
.sit_btn_wish:hover {color:red}
|
||||
|
||||
/* 상품 상세보기 - 다른 상품 보기 */
|
||||
#sit_siblings {clear:both;width:100%;border-top:1px solid #f1f3f6;background:#fff;text-align:center;position:relative}
|
||||
#sit_siblings:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_siblings h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sit_siblings a {display:block;position:relative;padding:0;margin: 15px;line-height:35px;color:#999}
|
||||
#sit_siblings a#siblings_prev {float:left;padding-left:20px}
|
||||
#sit_siblings a#siblings_prev:after {content:"";background:url('img/sit_siblings.jpg') no-repeat;position:absolute;left:0;top:10px;width:10px;height:15px;display:inline-block}
|
||||
#sit_siblings a#siblings_next {float:right;padding-right:20px}
|
||||
#sit_siblings a#siblings_next:after {content:"";background:url('img/sit_siblings.jpg') -14px 0px no-repeat;position:absolute;right:0;top:10px;width:10px;height:15px;display:inline-block}
|
||||
#sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
|
||||
#sit_info {display:inline-flex;position:relative;width:100%;min-height:600px;margin-top:20px;margin-bottom:30px;border:1px solid #e8e8e8;background:#fff}
|
||||
#sit_info:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
#sit_tab {width:928px;display:table-cell}
|
||||
#sit_tab:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_tab .tab_tit {border-bottom:1px solid #e8e8e8;background:#fff;padding:0 10px}
|
||||
#sit_tab .tab_tit:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_tab .tab_tit li {display:inline-block;float:left}
|
||||
#sit_tab .tab_tit li button {display:block;width:100%;position:relative;font-size:1.2em;padding:10px 15px;border:0;color:#666;background:#fff;line-height:38px;text-align:center;z-index:1}
|
||||
#sit_tab .tab_tit li .selected {background:#fff;z-index:2;border-bottom-color:#fff;color:#000;font-weight:bold}
|
||||
#sit_tab .tab_tit li .selected:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#3a8afd;display:inline-block}
|
||||
#sit_tab .tab_con {background:#fff;padding:15px}
|
||||
#sit_tab .item_use_count, #sit_tab .item_qa_count {display:inline-block;min-width:20px;height:20px;font-size:0.75em;line-height:20px;padding:0 5px;background:#eee;border-radius:10px;color:#777}
|
||||
|
||||
#sit_buy {display:table-cell;width:270px;border-left:1px solid #e8e8e8;vertical-align:top}
|
||||
.sit_buy_inner {position:relative;top:0;vertical-align:top}
|
||||
.sit_side_option {padding:15px 15px 10px;border-bottom:1px solid #ebeff3}
|
||||
.sit_side_option h3 {margin-bottom:10px}
|
||||
.sit_side_option label {display:block;margin:0 0 5px;color:#666}
|
||||
.sit_side_option label.label-title{display:none}
|
||||
.sit_side_option select {width:100%;margin:0 0 10px;height:50px;padding:0 10px;border:1px solid #cdcdcd;
|
||||
-webkit-appearance:none; /* 화살표 없애기 for chrome*/
|
||||
-moz-appearance:none; /* 화살표 없애기 for firefox*/
|
||||
appearance:none; /* 화살표 없애기 공통*/
|
||||
background:url('img/select_arrow.png') no-repeat 96% 50%/* 화살표 아이콘 추가 */}
|
||||
.sit_side_option select::-ms-expand {display:none/* 화살표 없애기 for IE10, 11*/}
|
||||
|
||||
.sit_sel_option {overflow-y:auto;height:300px}
|
||||
.sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
.sit_sel_option:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sit_sel_option li {position:relative;padding:15px;border-bottom:1px solid #e6e9ed}
|
||||
.sit_sel_option li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sit_sel_option .sit_opt_del {position:absolute;top:0;right:0;width:30px;height:30px;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed;background:#fff;color:#c6c8ca}
|
||||
.sit_sel_option .opt_name {font-weight:bold;line-height:28px}
|
||||
.sit_sel_option .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center}
|
||||
.sit_sel_option .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}
|
||||
.sit_sel_option button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em}
|
||||
.sit_sel_option button:hover {color:#000}
|
||||
|
||||
.sum_section {padding:15px;z-index:3}
|
||||
.sum_section:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sit_tot_price {font-weight:bold;padding-bottom:10px;line-height:25px;font-size:1.167em;text-align:right}
|
||||
.sit_tot_price strong {font-size: 1.5em;margin-left:15px}
|
||||
.sit_tot_price span {float:left}
|
||||
.sit_order_btn button {display:block;width:100%;padding:15px 0;font-size:1.25em;font-weight:bold}
|
||||
.sit_order_btn .sit_btn_cart {margin-bottom:5px}
|
||||
|
||||
/* 상품 재입고 알림 (SMS) */
|
||||
#sit_sms_new {}
|
||||
#sit_sms_new .form_01 {padding:20px}
|
||||
#sit_sms_new #sms_agree {padding:5px 0 20px}
|
||||
#sit_sms_new li strong {display:inline-block;margin:10px 0}
|
||||
#sit_sms_new textarea {line-height:1.5em;color:#555}
|
||||
#sit_sms_new .prd_name {background:#f3f3f3;padding:15px 20px;font-weight:bold;font-size:1.167em}
|
||||
#sit_sms_new .chk_box input[type="checkbox"]:checked + label span {background:url('img/chk.png') no-repeat 50% 50% #3a8afd}
|
||||
|
||||
/* 상품 상세보기 - 상품정보 */
|
||||
#sit_inf {margin:20px 0}
|
||||
#sit_inf h2 {position:absolute;font-size:0;line-height:0;content:""}
|
||||
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}
|
||||
|
||||
#sit_inf_basic {margin:0 0 20px;line-height:1.7em}
|
||||
#sit_inf_explan {margin:0 0 10px;width:auto !important;line-height:1.7em;overflow:hidden} /* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */
|
||||
#sit_inf_explan img {max-width:100%;height:auto}
|
||||
|
||||
#sit_inf_open {width:100%;border:0;border-top:1px solid #777;border-collapse:collapse}
|
||||
#sit_inf_open th {padding:10px;border-bottom:1px solid #e5e5e5;background:#f3f3f3;vertical-align:top;text-align:left}
|
||||
#sit_inf_open td {padding:10px;border-bottom:1px solid #e5e5e5;background:#fff;vertical-align:top}
|
||||
|
||||
/* 상품 상세보기 - 사용후기 */
|
||||
#sit_use {}
|
||||
#sit_use h2 {position:absolute;font-size:0;line-height:0;content:""}
|
||||
#sit_use h3 {position:absolute;font-size:0;line-height:0;content:""}
|
||||
|
||||
.sit_use_top {position:relative;background:#fff;border:2px solid #efeff1;margin:0 0 15px;padding:15px;min-height:90px;vertical-align:middle}
|
||||
.sit_use_top h4 {font-size:1.2em;margin-bottom:10px}
|
||||
.sit_use_top h4 span {color:#aaa;font-size:0.85em;font-weight:normal}
|
||||
.sit_use_top .sit_star {height:20px}
|
||||
.sit_use_top .st_bg {background:#666}
|
||||
|
||||
#sit_use_wbtn {position:absolute;top:20px;right:30px}
|
||||
#sit_use_wbtn a {padding:0 20px;line-height:45px;font-weight:bold;font-size:1.167em}
|
||||
|
||||
#sit_use_ol {margin:0 0 5px;padding:0;border-top:1px solid #e0e0e0;list-style:none}
|
||||
.sit_use_li {position:relative;padding:10px 0;padding-left:110px;min-height:120px;border-bottom:1px solid #e0e0e0}
|
||||
.sit_use_li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sit_use_li_title {position:absolute;right:20px;bottom:20px;border:1px solid #ddd;padding:8px 10px;border-radius:3px;color:#666;font-size:0.92em;background:#fff}
|
||||
.sit_use_li_title:hover {background:#6b99ee;border-color:#6b99ee;color:#fff}
|
||||
|
||||
.sit_thum {margin:0;position:absolute;top:10px;left:0}
|
||||
.sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sit_use_dl dt {position:absolute;font-size:0;line-height:0;content:""}
|
||||
.sit_use_dl dd {color:#7f7f7f;line-height:1.5em}
|
||||
.sit_use_dl .sit_use_star {margin:0 0 5px}
|
||||
.sit_use_dl .sit_use_tit {font-weight:bold;font-size:1.167em;color:#000 !important}
|
||||
|
||||
.sit_use_con {display:none;margin-right:110px;margin-bottom:10px}
|
||||
.sit_use_p {margin:10px 0;padding:10px 0}
|
||||
.sit_use_cmd {}
|
||||
|
||||
.sit_use_reply {position:relative;border-top:1px dotted #bbb;margin:10px 0 0;padding:10px 0 0 40px}
|
||||
.use_reply_icon {position:absolute;top:10px;left:5px;background:url('./img/use_reply.png') no-repeat 0 0;width:28px;height:17px;text-indent:-999px;overflow:hidden}
|
||||
.use_reply_tit {font-weight:bold;line-height:1.5em;padding-right:100px}
|
||||
.use_reply_name {font-size:0.92em;color:#777;margin:5px;position:absolute;top:10px;right:0}
|
||||
.use_reply_p {padding:10px 0;background:#fff;line-height:1.5em}
|
||||
|
||||
#sit_use_write_star:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_use_write_star li {float:left;width:33.333%}
|
||||
#sit_use_write_star li img {width:100px}
|
||||
|
||||
/* 상품 상세보기 - 상품문의 */
|
||||
#sit_qa {margin:20px 0}
|
||||
#sit_qa h2 {position:absolute;font-size:0;line-height:0;content:""}
|
||||
#sit_qa h3 {position:absolute;font-size:0;line-height:0;content:""}
|
||||
|
||||
#sit_qa_ol {margin:0 0 5px;padding:0;border-top:1px solid #f0f0f0;list-style:none}
|
||||
.sit_qa_li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sit_qa_li {position:relative;border-bottom:1px solid #f0f0f0;padding:15px 10px}
|
||||
.sit_qa_li_title {display:block;float:left;width:80%;text-align:left;background:none;border:0;line-height:25px;font-weight:bold;font-size:1.167em}
|
||||
|
||||
.sit_qa_dl {float:right;width:20%;line-height:30px;color:#7f7f7f;text-align:right;margin:0}
|
||||
.sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sit_qa_dl dt {position:absolute;font-size:0;line-height:0;content:""}
|
||||
.sit_qa_dl dd {display:inline-block;margin-left:10px}
|
||||
.sit_qaa_done {display:inline-block;height:30px;line-height:30px;background:#f6bb42;color:#fff;padding:0 8px;margin-right:10px;font-size:12px;font-weight:normal;border-radius:3px}
|
||||
.sit_qaa_yet {display:inline-block;height:30px;line-height:30px;background:#ccd1d9;color:#fff;padding:0 8px;margin-right:10px;font-size:12px;font-weight:normal;border-radius:3px}
|
||||
|
||||
.sit_qa_con {display:none;clear:both}
|
||||
.sit_qa_p {margin:10px 0;background:#f3f3f3;line-height:1.5em}
|
||||
.sit_qa_p .qa_alp {position:absolute;top:13px;left:15px;font-size:2em;color:#000}
|
||||
.sit_qa_qaa {padding:15px 20px;padding-left:50px;position:relative;min-height:50px;border-top:1px solid #fff}
|
||||
.sit_qa_qaq {padding:15px 20px;padding-left:50px;position:relative;min-height:50px}
|
||||
.sit_qa_con textarea {display:none}
|
||||
.sit_qa_cmd {text-align:right}
|
||||
|
||||
.sit_qa_pw {display:none;position:absolute;top:30px;left:175px;padding:10px;width:348px;border:1px solid #000;background:#fff;text-align:center}
|
||||
.sit_qa_pw span {display:block;margin:0 0 5px}
|
||||
|
||||
#sit_qa_wbtn {text-align:right;margin:0 0 20px}
|
||||
#sit_qa_wbtn a {padding:0 20px;line-height:45px;font-weight:bold;font-size:1.167em}
|
||||
|
||||
#sit_qa_write {}
|
||||
#sit_qa_write #iq_subject {width:100%}
|
||||
#sit_qa_write .chk_box input[type="checkbox"]:checked + label span {background:url('img/chk.png') no-repeat 50% 50% #3a8afd}
|
||||
|
||||
/* 상품 상세보기 - 배송정보 */
|
||||
#sit_dvr {margin:20px 0}
|
||||
#sit_dvr h2 {position:absolute;font-size:0;line-height:0;content:""}
|
||||
|
||||
/* 상품 상세보기 - 교환정보 */
|
||||
#sit_ex {margin:20px 0}
|
||||
#sit_ex h2 {position:absolute;font-size:0;line-height:0;content:""}
|
||||
|
||||
|
||||
/* 사용후기 모음 */
|
||||
#sps_sch {margin:0 0 10px}
|
||||
#sps_sch a {display:inline-block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:#434a54;color:#fff;font-weight:bold;text-decoration:none}
|
||||
#sps_sch .sch_wr {width:300px;border:1px solid #d0d3db;border-radius:3px;display:inline-block;background:#fff}
|
||||
#sps_sch:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sps_sch select {float:left;border:0;width:175px;height:40px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px}
|
||||
#sps_sch .sch_input {width:258px;height:38px;border:0;padding:0;background-color:transparent;float:left}
|
||||
#sps_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:15px}
|
||||
|
||||
#sps {}
|
||||
#sps ol {margin:0;padding:0;list-style:none}
|
||||
#sps li {position:relative;padding:15px;border-bottom:1px solid #f0f0f0;background:#fff}
|
||||
#sps li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
.sps_img {position:absolute;top:15px;left:15px}
|
||||
.sps_img_inner {float:left;position:relative}
|
||||
.sps_img a span {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
.sps_img .prd_detail {position:absolute;right:0;bottom:0;border:0;color:#fff;background:#078601;width:34px;height:34px;text-align:center;opacity:0.8}
|
||||
.sps_img .prd_detail:hover {opacity:1}
|
||||
|
||||
.review_detail_cnt {display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background:rgba(0,0,0,0.1)}
|
||||
.review_detail_in {position:absolute;top:50%;left:50%;width:590px;max-height:450px;background:#fff;text-align:left;margin-left:-300px;margin-top:-180px;overflow-y:auto;border-radius:3px;border:1px solid #dde7e9;background:#fff;border-radius:3px}
|
||||
.review_detail_in h3 {padding:15px;border-bottom:1px solid #e8e8e8;font-size:1.4em}
|
||||
.review_cnt {padding:25px}
|
||||
.rd_cls {position:absolute;top:0;right:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
|
||||
|
||||
.review_tp_cnt {position:relative;padding:0 0 10px;margin-bottom:15px;border-bottom:1px solid #f1f1f1}
|
||||
.review_tp_cnt>span {font-size:1.2em;display:block}
|
||||
.review_tp_cnt:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.review_tp_cnt .sps_opt_btn_more {position:absolute;top:0;right:0;border:0;padding:5px 5px 5px 10px;background:#fff;color:#c4c8cb;font-size:1.4em}
|
||||
.review_tp_cnt .sps_opt_li {display:none;position:absolute;top:40px;right:0;border:1px solid #b8bfc4}
|
||||
.review_tp_cnt .sps_opt_li:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
|
||||
.review_tp_cnt .sps_opt_li:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
|
||||
.review_tp_cnt .sps_opt_li li {border-bottom:1px solid #f1f1f1;padding:10px !important;color:#6b757c}
|
||||
|
||||
.review_summ {background:#fcfcfc;border:2px solid #efeff1;padding:10px}
|
||||
.review_bt_cnt {margin:15px 0}
|
||||
|
||||
.sps_reply {margin-top:10px;padding-top:10px;border-top:1px dotted #bbb}
|
||||
.sps_reply .sps_img {text-align:right;width:70px}
|
||||
.sps_reply .sps_section h2 {background:url('./img/use_reply.png') no-repeat 0 0;text-indent:30px;line-height:1.5em}
|
||||
|
||||
#sps dl {margin:5px 0}
|
||||
#sps dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sps dt {float:left}
|
||||
#sps dd {float:left;margin:0 10px 0 0;color:#999}
|
||||
#sps dd img {position:relative;top:-2px}
|
||||
|
||||
.sps_section {float:left;width:100%;padding-left:115px}
|
||||
.sps_section .sps_pd_name {display:block;color:#3a8afd;padding:10px 0 5px}
|
||||
.sps_section .sps_rv_tit {display:block;font-size:1.2em;font-weight:bold}
|
||||
.sps_section .sps_rv_thum {position:absolute;top:15px;right:15px}
|
||||
.sps_section p {padding:0;width:100%}
|
||||
.sps_con_full {padding:0;height:auto !important}
|
||||
.sps_con_btn {clear:both;margin:5px 0}
|
||||
.sps_con_btn:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sps_con_btn .sps_dl {float:left}
|
||||
.sps_con_btn button.review_detail {float:right;border-radius:3px;border:1px solid #d4d6db;color:#666;font-size:0.92em;padding:5px 7px;background:#fff}
|
||||
.sps_con_btn button.review_detail:hover {background:#6b99ee;border-color:#6b99ee;color:#fff}
|
||||
|
||||
/* 상품문의 모음 */
|
||||
#sqa_sch {margin:0 0 10px}
|
||||
#sqa_sch a {display:inline-block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:#434a54;color:#fff;font-weight:bold;text-decoration:none}
|
||||
#sqa_sch .sch_wr {width:300px;border:1px solid #d0d3db;border-radius:3px;display:inline-block;background:#fff}
|
||||
#sqa_sch:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sqa_sch select {float:left;border:0;width:175px;height:40px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px}
|
||||
#sqa_sch .sch_input {width:258px;height:38px;border:0;padding:0;background-color:transparent;float:left}
|
||||
#sqa_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:15px}
|
||||
|
||||
#sqa {margin-bottom:20px}
|
||||
#sqa ol {margin:0;padding:0;list-style:none}
|
||||
#sqa li {position:relative;padding:15px 20px 15px 15px;border-bottom:1px solid #f0f0f0;background:#fff}
|
||||
#sqa li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sqa li .sit_qaa_yet {position:absolute;right:20px;top:20px;margin-right:0}
|
||||
#sqa li .sit_qaa_done {position:absolute;right:20px;top:20px;margin-right:0}
|
||||
|
||||
.sqa_img {float:left;margin:0 10px 0 0}
|
||||
.sqa_img span {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#sqa dl {margin:5px 0}
|
||||
#sqa dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sqa dt {float:left}
|
||||
#sqa dd {float:left;margin:0 10px 0 0;color:#999}
|
||||
|
||||
#sqa dd img {position:relative;top:-2px}
|
||||
.sqa_con {margin:10px 0;background:#f3f3f3;line-height:1.5em}
|
||||
.sqa_con .qa_alp {position:absolute;top:13px;left:15px;font-size:2em;color:#000}
|
||||
|
||||
.sqa_section {float:left;width:1100px}
|
||||
.sqa_section h2 {padding-right:70px;font-size:1.2em;font-weight:bold}
|
||||
.sqa_section .sqa_con {line-height:1.7em}
|
||||
.sqa_section p {padding:0;width:100%}
|
||||
.sqa_con_full {padding:0;height:auto !important}
|
||||
.sqa_con_btn button {border:1px solid #ddd;padding:5px 8px;color:#666;font-size:0.92em;margin:5px 0;background:#fff}
|
||||
.sqa_con_btn button:hover {background:#6b99ee;border-color:#6b99ee;color:#fff}
|
||||
|
||||
/* 상품검색 */
|
||||
#ssch {margin:20px 0}
|
||||
#ssch h2 {font-size:1.8em;line-height:30px;margin:10px 0}
|
||||
#ssch h2 .ssch_result_total {float:right;color:#6f6f6f;font-size:0.55em;font-weight:normal}
|
||||
#ssch h2 strong {color:#ff005a}
|
||||
#ssch_frm {background:#fff;border:1px solid #e3e5e8}
|
||||
#ssch_frm .ssch_scharea {padding:15px;border-bottom:1px solid #e3e5e8}
|
||||
#ssch_frm .ssch_scharea:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ssch_frm .ssch_scharea label {display:inline-block;margin:0 8px 0 0}
|
||||
#ssch_frm .ssch_scharea .ssch_input {height:45px;padding:0 10px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
|
||||
#ssch_frm .ssch_scharea .btn_submit {width:90px;height:45px;margin-right:5px;padding:0 5px;font-weight:bold;border:1px solid #2e3745;background:#434a54}
|
||||
|
||||
#ssch_frm .ssch_left {}
|
||||
#ssch_frm .ssch_option {padding:15px;border-bottom:1px solid #e3e5e8}
|
||||
#ssch_frm .ssch_option .ssch_input {height:32px;padding:0 10px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
|
||||
|
||||
#ssch_frm p {padding:15px;color:#737373;border-bottom:1px solid #e3e5e8}
|
||||
|
||||
#ssch_cate {background:#fff;border-bottom:1px solid #e3e5e8;padding:15px}
|
||||
#ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ssch_cate li {float:left;width:20%;border-right:1px solid #f6f6f6}
|
||||
#ssch_cate li:nth-child(5n) {border-right:0}
|
||||
#ssch_cate li span {font-weight:normal}
|
||||
#ssch_cate a {display:block;padding:0 10px;line-height:40px}
|
||||
#ssch_cate a:hover {color:#3a8afd}
|
||||
|
||||
#ssch_sort {float:left;width:80%}
|
||||
#ssch_sort:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ssch_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#ssch_sort ul {margin:0;padding:0 0 0 1px;list-style:none}
|
||||
#ssch_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ssch_sort li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px}
|
||||
#ssch_sort li a {border-left:1px solid #ddd;display:block;padding:0 10px}
|
||||
#ssch_sort li:hover:after {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#3a8afd}
|
||||
#ssch_sort li:hover a {color:#3a8afd}
|
||||
#ssch_sort li:first-child a {border:0}
|
||||
|
||||
#ssch_sort_all {margin:0;padding:0 15px;list-style:none}
|
||||
#ssch_sort_all:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ssch_sort_all li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px}
|
||||
#ssch_sort_all li a {display:block;padding:0 10px}
|
||||
#ssch_sort_all li:hover:after {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#3a8afd}
|
||||
#ssch_sort_all li:hover a {color:#3a8afd}
|
||||
#ssch_sort_all li:first-child a {border:0}
|
||||
|
||||
/*쿠폰존 리스트*/
|
||||
.couponzone_list {margin:0 0 20px;position:relative}
|
||||
.couponzone_list h2 {padding:15px 20px;font-size:1.25em;border:1px solid #e3e5e8;background:#fff}
|
||||
.couponzone_list p {position:absolute;top:5px;right:0;margin:15px 20px;color:#666}
|
||||
.couponzone_list ul {padding:30px;margin:0;list-style:none;background:#fff;border:1px solid #e3e5e8;border-top:0}
|
||||
.couponzone_list ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.couponzone_list ul li {float:left;width:262px;margin:0 0 30px 30px;background:#fff}
|
||||
.couponzone_list ul li:nth-child(4n+1) {clear:both;margin-left:0}
|
||||
.couponzone_list ul li img {width:100%;height:auto;line-height:1.2em;border-radius:5px 5px 0 0}
|
||||
.couponzone_list ul li .cp_inner {border:1px solid #ddd;border-radius:5px;
|
||||
-webkit-box-shadow:0px 1px 6px 0 #dedede;
|
||||
-moz-box-shadow:0px 1px 6px 0 #dedede;
|
||||
box-shadow:0px 1px 6px 0 #dedede
|
||||
}
|
||||
.couponzone_list ul li .coupon_img {position:relative;height:98px;overflow:hidden;border-bottom:1px dashed #ccc}
|
||||
.couponzone_list ul li .coupon_tit {position:absolute;top:0;left:0;width:100%;height:98px;padding-top:30px;text-align:center;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
|
||||
.couponzone_list ul li .coupon_tit strong {display:inline-block;font-size:1.3em}
|
||||
.couponzone_list ul li .coupon_tit .cp_evt,
|
||||
.couponzone_list ul li .coupon_tit .cp_evt b {font-size:1.4em}
|
||||
.couponzone_list ul li .cp_cnt {padding:10px}
|
||||
.couponzone_list ul li .coupon_date {display:inline-block;float:right;padding:2px 3px;margin:5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
|
||||
.couponzone_list ul li .coupon_target {display:inline-block;margin:5px 0px}
|
||||
.couponzone_list ul li .coupon_target>button {display:inline-block;max-width:125px;padding:2px 3px;font-size:0.92em;border:0;border-radius:3px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
|
||||
.couponzone_list ul li .coupon_target .cp_1 {background:#edfbde;color:#8cc152}/*카테고리할인*/
|
||||
.couponzone_list ul li .coupon_target .cp_2 {background:#fbdef3;color:#c15293}/*개별상품할인*/
|
||||
.couponzone_list ul li .coupon_target .cp_3 {background:#fbf1de;color:#c18b52}/*주문금액할인*/
|
||||
.couponzone_list ul li .coupon_target .cp_4 {background:#f2defb;color:#7c52c1}/*배송비할인*/
|
||||
|
||||
.couponzone_list ul li .coupon_info {display:none;position:absolute;min-width:235px;background:#fff;border:1px solid #000;padding:15px}
|
||||
.couponzone_list ul li .coupon_info:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.couponzone_list ul li .coupon_info h4 {font-size:1.2em;margin-bottom:10px}
|
||||
.couponzone_list ul li .coupon_info ul {padding:0;margin:0;position:relative;border:0}
|
||||
.couponzone_list ul li .coupon_info li {width:auto;margin:0;float:inherit;color:#5e5e5e;line-height:18px}
|
||||
.couponzone_list ul li .coupon_info li a {text-decoration:underline;color:#5e5e5e}
|
||||
.couponzone_list ul li .coupon_info .coupon_info_cls {position:absolute;right:0;top:0;color:#c7c9cc;border:0;background:#fff;padding:10px;font-size:1.2em}
|
||||
|
||||
.couponzone_list ul li .coupon_btn {text-align:center}
|
||||
.couponzone_list ul li .coupon_btn .btn02 {width:100%;height:42px;line-height:28px;margin-top:15px;border:0;color:#fff;background:#3a8afd;border-radius:5px;font-weight:bold}
|
||||
.couponzone_list ul li .coupon_btn .btn02:hover {background:#2176f1;color:#fff}
|
||||
.couponzone_list ul li .coupon_btn .disabled {background:#c6c6c6;border:1px;color:#fff;border-color:#c6c6c6}
|
||||
.couponzone_list ul li .coupon_btn .disabled:hover {background:#c6c6c6;border:1px;color:#fff;border-color:#c6c6c6}
|
||||
.couponzone_list .no_coupon {position:relative;padding:100px 0;text-align:center;color:#999}
|
||||
Reference in New Issue
Block a user