first commit 2
This commit is contained in:
hmw1001
@@ -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 (preg_match("/^#/", $row['bn_url']))
|
||||
$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>
|
||||
@@ -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_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>
|
||||
<!-- } 장바구니 간략 보기 끝 -->
|
||||
|
||||
@@ -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>
|
||||
<!-- } 쇼핑몰 카테고리 끝 -->
|
||||
@@ -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>
|
||||
<!-- } 쇼핑몰 커뮤니티 끝 -->
|
||||
@@ -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
|
||||
}
|
||||
@@ -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>
|
||||
<!-- } 오늘 본 상품 끝 -->
|
||||
@@ -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>
|
||||
<!-- } 위시리스트 간략 보기 끝 -->
|
||||
@@ -0,0 +1,208 @@
|
||||
<?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><?php echo $default['de_admin_company_name']; ?> 회원이시라면 쿠폰 다운로드 후 바로 사용하실 수 있습니다.</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>'.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>'.PHP_EOL.$coupon.'</ul>'.PHP_EOL;
|
||||
else
|
||||
echo '<p class="no_coupon">사용할 수 있는 쿠폰이 없습니다.</p>';
|
||||
?>
|
||||
</section>
|
||||
|
||||
<section class="couponzone_list" id="point_coupon">
|
||||
<h2>포인트 쿠폰</h2>
|
||||
<p>보유하신 <?php echo $default['de_admin_company_name']; ?> 회원 포인트를 쿠폰으로 교환하실 수 있습니다.</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>'.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>'.PHP_EOL.$coupon.'</ul>'.PHP_EOL;
|
||||
else
|
||||
echo '<p class="no_coupon">사용할 수 있는 쿠폰이 없습니다.</p>';
|
||||
?>
|
||||
</section>
|
||||
|
||||
<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>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 322 B |
Binary file not shown.
|
After Width: | Height: | Size: 328 B |
Binary file not shown.
|
After Width: | Height: | Size: 322 B |
Binary file not shown.
|
After Width: | Height: | Size: 328 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 65 B |
Binary file not shown.
|
After Width: | Height: | Size: 65 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 72 B |
Binary file not shown.
|
After Width: | Height: | Size: 97 B |
Binary file not shown.
|
After Width: | Height: | Size: 577 B |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 160 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 995 B |
Binary file not shown.
|
After Width: | Height: | Size: 988 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 558 B |
Binary file not shown.
|
After Width: | Height: | Size: 521 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 972 B |
Binary file not shown.
|
After Width: | Height: | Size: 549 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,528 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0);
|
||||
?>
|
||||
<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">
|
||||
|
||||
<div id="sit_ov_wrap">
|
||||
<!-- 상품이미지 미리보기 시작 { -->
|
||||
<div id="sit_pvi">
|
||||
<div id="sit_pvi_big">
|
||||
<?php
|
||||
$big_img_count = 0;
|
||||
$thumbnails = array();
|
||||
for($i=1; $i<=10; $i++) {
|
||||
if(!$it['it_img'.$i])
|
||||
continue;
|
||||
|
||||
$img = get_it_thumbnail($it['it_img'.$i], $default['de_mimg_width'], $default['de_mimg_height']);
|
||||
|
||||
if($img) {
|
||||
// 썸네일
|
||||
$thumb = get_it_thumbnail($it['it_img'.$i], 70, 70);
|
||||
$thumbnails[] = $thumb;
|
||||
$big_img_count++;
|
||||
|
||||
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="">';
|
||||
}
|
||||
?>
|
||||
<a href="<?php echo G5_SHOP_URL; ?>/largeimage.php?it_id=<?php echo $it['it_id']; ?>&no=1" target="_blank" id="popup_item_image" class="popup_item_image"><i class="fa fa-search-plus" aria-hidden="true"></i><span class="sound_only">확대보기</span></a>
|
||||
</div>
|
||||
<?php
|
||||
// 썸네일
|
||||
$thumb1 = true;
|
||||
$thumb_count = 0;
|
||||
$total_count = count($thumbnails);
|
||||
if($total_count > 0) {
|
||||
echo '<ul id="sit_pvi_thumb">';
|
||||
foreach($thumbnails as $val) {
|
||||
$thumb_count++;
|
||||
$sit_pvi_last ='';
|
||||
if ($thumb_count % 5 == 0) $sit_pvi_last = 'class="li_last"';
|
||||
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 '</ul>';
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<!-- } 상품이미지 미리보기 끝 -->
|
||||
|
||||
<!-- 상품 요약정보 및 구매 시작 { -->
|
||||
<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>
|
||||
<?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">
|
||||
<span id="btn_wish"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="sound_only">위시리스트</span><span class="btn_wish_num"><?php echo get_wishlist_count_by_item($it['it_id']); ?></span></span>
|
||||
<button type="button" class="btn_sns_share"><i class="fa fa-share-alt" aria-hidden="true"></i><span class="sound_only">sns 공유</span></button>
|
||||
<div class="sns_area">
|
||||
<?php echo $sns_share_links; ?>
|
||||
<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>
|
||||
<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_use']) { // 판매가능이 아닐 경우 ?>
|
||||
<tr>
|
||||
<th scope="row">판매가격</th>
|
||||
<td>판매중지</td>
|
||||
</tr>
|
||||
<?php } else if ($it['it_tel_inq']) { // 전화문의일 경우 ?>
|
||||
<tr>
|
||||
<th scope="row">판매가격</th>
|
||||
<td>전화문의</td>
|
||||
</tr>
|
||||
<?php } else { // 전화문의가 아닐 경우?>
|
||||
<?php if ($it['it_cust_price']) { ?>
|
||||
<tr>
|
||||
<th scope="row">시중가격</th>
|
||||
<td><?php echo display_price($it['it_cust_price']); ?></td>
|
||||
</tr>
|
||||
<?php } // 시중가격 끝 ?>
|
||||
|
||||
<tr class="tr_price">
|
||||
<th scope="row">판매가격</th>
|
||||
<td>
|
||||
<strong><?php echo display_price(get_price($it)); ?></strong>
|
||||
<input type="hidden" id="it_price" value="<?php echo get_price($it); ?>">
|
||||
</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
|
||||
<?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']) { // 포인트 사용한다면 ?>
|
||||
<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).'점';
|
||||
}
|
||||
?>
|
||||
</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">
|
||||
<option value="0">주문시 결제</option>
|
||||
<option value="1">수령후 지불</option>
|
||||
</select>';
|
||||
}
|
||||
else
|
||||
$sc_method = '주문시 결제';
|
||||
}
|
||||
?>
|
||||
<tr>
|
||||
<th><?php echo $ct_send_cost_label; ?></th>
|
||||
<td><?php echo $sc_method; ?></td>
|
||||
</tr>
|
||||
<?php if($it['it_buy_min_qty']) { ?>
|
||||
<tr>
|
||||
<th>최소구매수량</th>
|
||||
<td><?php echo number_format($it['it_buy_min_qty']); ?> 개</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
<?php if($it['it_buy_max_qty']) { ?>
|
||||
<tr>
|
||||
<th>최대구매수량</th>
|
||||
<td><?php echo number_format($it['it_buy_max_qty']); ?> 개</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
</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_cart">장바구니</button>
|
||||
<button type="submit" onclick="document.pressed=this.value;" value="바로구매" class="sit_btn_buy">바로구매</button>
|
||||
<?php } ?>
|
||||
<a href="javascript:item_wish(document.fitem, '<?php echo $it['it_id']; ?>');" class="sit_btn_wish"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="sound_only">위시리스트</span></a>
|
||||
|
||||
<?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>
|
||||
<!-- 다른 상품 보기 시작 { -->
|
||||
<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>
|
||||
@@ -0,0 +1,337 @@
|
||||
<?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 ($default['de_rel_list_use']) { ?>
|
||||
<!-- 관련상품 시작 { -->
|
||||
<section id="sit_rel">
|
||||
<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 } ?>
|
||||
|
||||
<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 id="sit_buy" class="fix">
|
||||
<div class="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">
|
||||
<div class="sit_tot_price"></div>
|
||||
|
||||
<div class="sit_order_btn">
|
||||
<button type="submit" onclick="document.pressed=this.value;" value="장바구니" class="sit_btn_cart">장바구니</button>
|
||||
<button type="submit" onclick="document.pressed=this.value;" value="바로구매" class="sit_btn_buy">바로구매</button>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</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_supply").val(value).attr("selected", "selected").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>
|
||||
@@ -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><?php echo $iq_subject; ?></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>
|
||||
<!-- } 상품문의 목록 끝 -->
|
||||
@@ -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>
|
||||
<!-- } 상품문의 쓰기 끝 -->
|
||||
@@ -0,0 +1,144 @@
|
||||
<?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>
|
||||
|
||||
<!-- 전체 상품 문의 목록 시작 { -->
|
||||
|
||||
<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>
|
||||
<!-- } 전체 상품 사용후기 목록 끝 -->
|
||||
@@ -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'], 100, 100); ?></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>
|
||||
<!-- } 상품 사용후기 끝 -->
|
||||
@@ -0,0 +1,75 @@
|
||||
<?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="chk_box">
|
||||
<li>
|
||||
<input type="radio" name="is_score" value="5" id="is_score5" <?php echo ($is_score==5)?'checked="checked"':''; ?>>
|
||||
<label for="is_score5"><span></span>매우만족</label>
|
||||
<img src="<?php echo G5_URL; ?>/shop/img/s_star5.png" alt="매우만족">
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="is_score" value="4" id="is_score4" <?php echo ($is_score==4)?'checked="checked"':''; ?>>
|
||||
<label for="is_score4"><span></span>만족</label>
|
||||
<img src="<?php echo G5_URL; ?>/shop/img/s_star4.png" alt="만족">
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="is_score" value="3" id="is_score3" <?php echo ($is_score==3)?'checked="checked"':''; ?>>
|
||||
<label for="is_score3"><span></span>보통</label>
|
||||
<img src="<?php echo G5_URL; ?>/shop/img/s_star3.png" alt="보통">
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="is_score" value="2" id="is_score2" <?php echo ($is_score==2)?'checked="checked"':''; ?>>
|
||||
<label for="is_score2"><span></span>불만</label>
|
||||
<img src="<?php echo G5_URL; ?>/shop/img/s_star2.png" alt="불만">
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="is_score" value="1" id="is_score1" <?php echo ($is_score==1)?'checked="checked"':''; ?>>
|
||||
<label for="is_score1"><span></span>매우불만</label>
|
||||
<img src="<?php echo G5_URL; ?>/shop/img/s_star1.png" alt="매우불만">
|
||||
</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>
|
||||
<!-- } 사용후기 쓰기 끝 -->
|
||||
@@ -0,0 +1,165 @@
|
||||
<?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>
|
||||
|
||||
<!-- 전체 상품 사용후기 목록 시작 { -->
|
||||
<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>
|
||||
<!-- } 전체 상품 사용후기 목록 끝 -->
|
||||
@@ -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>
|
||||
@@ -0,0 +1,165 @@
|
||||
<?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_JS_URL.'/shop.list.action.js"></script>', 10);
|
||||
?>
|
||||
|
||||
<!-- 상품진열 10 시작 { -->
|
||||
<?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); // 품절인지 체크
|
||||
|
||||
$classes = array();
|
||||
|
||||
$classes[] = 'col-row-'.$list_mod;
|
||||
|
||||
if( $i && ($i % $list_mod == 0) ){
|
||||
$classes[] = 'row-clear';
|
||||
}
|
||||
|
||||
$i++; // 변수 i 를 증가
|
||||
|
||||
if ($i === 1) {
|
||||
if ($this->css) {
|
||||
echo "<ul class=\"{$this->css}\">\n";
|
||||
} else {
|
||||
echo "<ul class=\"sct sct_10 lists-row\">\n";
|
||||
}
|
||||
}
|
||||
|
||||
echo "<li class=\"sct_li ".implode(' ', $classes)."\" data-css=\"nocss\" style=\"height:auto\">\n";
|
||||
echo "<div class=\"sct_img\">\n";
|
||||
|
||||
if ($this->href) {
|
||||
echo "<a href=\"{$item_link_href}\">\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_img) {
|
||||
echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "</a>\n";
|
||||
}
|
||||
|
||||
if ( !$is_soldout ){ // 품절 상태가 아니면 출력합니다.
|
||||
echo "<div class=\"sct_btn list-10-btn\">
|
||||
<button type=\"button\" class=\"btn_cart sct_cart\" data-it_id=\"{$row['it_id']}\"><i class=\"fa fa-shopping-cart\" aria-hidden=\"true\"></i> 장바구니</button>\n";
|
||||
echo "</div>\n";
|
||||
}
|
||||
|
||||
echo "<div class=\"cart-layer\"></div>\n";
|
||||
|
||||
if ($this->view_it_icon) {
|
||||
// 품절
|
||||
if ($is_soldout) {
|
||||
echo '<span class="shop_icon_soldout"><span class="soldout_txt">SOLD OUT</span></span>';
|
||||
}
|
||||
}
|
||||
echo "</div>\n";
|
||||
|
||||
echo "<div class=\"sct_ct_wrap\">\n";
|
||||
|
||||
// 사용후기 평점표시
|
||||
if ($this->view_star && $star_score) {
|
||||
echo "<div class=\"sct_star\"><span class=\"sound_only\">고객평점</span><img src=\"".G5_SHOP_URL."/img/s_star".$star_score.".png\" alt=\"별점 ".$star_score."점\" class=\"sit_star\"></div>\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_id) {
|
||||
echo "<div class=\"sct_id\"><".stripslashes($row['it_id'])."></div>\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_txt\"><a href=\"{$item_link_href}\">\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";
|
||||
}
|
||||
|
||||
echo "<div class=\"sct_bottom\">\n";
|
||||
|
||||
if ($this->view_it_cust_price || $this->view_it_price) {
|
||||
|
||||
echo "<div class=\"sct_cost\">\n";
|
||||
if ($this->view_it_price) {
|
||||
echo display_price(get_price($row), $row['it_tel_inq'])."\n";
|
||||
}
|
||||
if ($this->view_it_cust_price && $row['it_cust_price']) {
|
||||
echo "<span class=\"sct_dict\">".display_price($row['it_cust_price'])."</span>\n";
|
||||
}
|
||||
echo "</div>\n";
|
||||
}
|
||||
|
||||
// 위시리스트 + 공유 버튼 시작
|
||||
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>";
|
||||
|
||||
if ($this->view_it_icon) {
|
||||
echo "<div class=\"sit_icon_li\">".item_icon($row)."</div>\n";
|
||||
}
|
||||
|
||||
echo "</div>\n";
|
||||
|
||||
echo "</li>\n";
|
||||
} //end foreach
|
||||
|
||||
if ($i >= 1) echo "</ul>\n";
|
||||
|
||||
if ($i === 0) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
|
||||
?>
|
||||
<!-- } 상품진열 10 끝 -->
|
||||
|
||||
<script>
|
||||
//SNS 공유
|
||||
$(function (){
|
||||
$(".btn_share").on("click", function() {
|
||||
$(this).parent("div").children(".sct_sns_wrap").show();
|
||||
});
|
||||
$('.sct_sns_bg, .sct_sns_cls').click(function(){
|
||||
$('.sct_sns_wrap').hide();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -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 끝 -->
|
||||
@@ -0,0 +1,128 @@
|
||||
<?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 = 389;
|
||||
$list_width = $list_real_width;
|
||||
$list_height = $this->img_height;
|
||||
|
||||
echo "<li class=\"sct_li{$sct_last}\" data-css=\"nocss\" style=\"padding:{$list_top_pad}px {$list_right_pad}px {$list_bottom_pad}px {$list_left_pad}px;width:{$list_width}px;height:{$list_height}px\">\n";
|
||||
|
||||
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";
|
||||
?>
|
||||
<!-- } 상품진열 30 끝 -->
|
||||
|
||||
<script>
|
||||
//SNS 공유
|
||||
$(function (){
|
||||
$(".btn_share").on("click", function() {
|
||||
$(this).parent("div").children(".sct_sns_wrap").show();
|
||||
});
|
||||
$('.sct_sns_bg, .sct_sns_cls').click(function(){
|
||||
$('.sct_sns_wrap').hide();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,164 @@
|
||||
<?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;
|
||||
|
||||
$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); // 품절인지 체크
|
||||
|
||||
$classes = array();
|
||||
|
||||
$classes[] = 'col-row-'.$list_mod;
|
||||
|
||||
if( $i && ($i % $list_mod == 0) ){
|
||||
$classes[] = 'row-clear';
|
||||
}
|
||||
|
||||
$i++; // 변수 i 를 증가
|
||||
|
||||
if ($i == 1) {
|
||||
if ($this->css) {
|
||||
echo "<ul class=\"{$this->css}\">\n";
|
||||
} else {
|
||||
echo "<ul class=\"sct sct_40\">\n";
|
||||
}
|
||||
}
|
||||
|
||||
echo "<li class=\"sct_li ".implode(' ', $classes)."\" data-css=\"nocss\" style=\"height:auto\">\n";
|
||||
echo "<div class=\"sct_img\">\n";
|
||||
|
||||
if ($this->href) {
|
||||
echo "<a href=\"{$item_link_href}\">\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_img) {
|
||||
echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "</a>\n";
|
||||
}
|
||||
|
||||
if ( !$is_soldout ){ // 품절 상태가 아니면 출력합니다.
|
||||
echo "<div class=\"sct_btn list-10-btn\">
|
||||
<button type=\"button\" class=\"btn_cart sct_cart\" data-it_id=\"{$row['it_id']}\"><i class=\"fa fa-shopping-cart\" aria-hidden=\"true\"></i> 장바구니</button>\n";
|
||||
echo "</div>\n";
|
||||
}
|
||||
|
||||
echo "<div class=\"cart-layer\"></div>\n";
|
||||
|
||||
if ($this->view_it_icon) {
|
||||
// 품절
|
||||
if ($is_soldout) {
|
||||
echo '<span class="shop_icon_soldout"><span class="soldout_txt">SOLD OUT</span></span>';
|
||||
}
|
||||
}
|
||||
echo "</div>\n";
|
||||
|
||||
echo "<div class=\"sct_ct_wrap\">\n";
|
||||
|
||||
// 사용후기 평점표시
|
||||
if ($this->view_star && $star_score) {
|
||||
echo "<div class=\"sct_star\"><span class=\"sound_only\">고객평점</span><img src=\"".G5_SHOP_URL."/img/s_star".$star_score.".png\" alt=\"별점 ".$star_score."점\" class=\"sit_star\"></div>\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_id) {
|
||||
echo "<div class=\"sct_id\"><".stripslashes($row['it_id'])."></div>\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_txt\"><a href=\"{$item_link_href}\">\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";
|
||||
}
|
||||
|
||||
echo "<div class=\"sct_bottom\">\n";
|
||||
|
||||
if ($this->view_it_cust_price || $this->view_it_price) {
|
||||
|
||||
echo "<div class=\"sct_cost\">\n";
|
||||
if ($this->view_it_price) {
|
||||
echo display_price(get_price($row), $row['it_tel_inq'])."\n";
|
||||
}
|
||||
if ($this->view_it_cust_price && $row['it_cust_price']) {
|
||||
echo "<span class=\"sct_dict\">".display_price($row['it_cust_price'])."</span>\n";
|
||||
}
|
||||
echo "</div>\n";
|
||||
}
|
||||
|
||||
// 위시리스트 + 공유 버튼 시작
|
||||
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>";
|
||||
|
||||
if ($this->view_it_icon) {
|
||||
echo "<div class=\"sit_icon_li\">".item_icon($row)."</div>\n";
|
||||
}
|
||||
|
||||
echo "</div>\n";
|
||||
|
||||
echo "</li>\n";
|
||||
}
|
||||
|
||||
if ($i >= 1) echo "</ul>\n";
|
||||
|
||||
if ($i === 0) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
|
||||
?>
|
||||
<!-- } 상품진열 40 끝 -->
|
||||
|
||||
<script>
|
||||
//SNS 공유
|
||||
$(function (){
|
||||
$(".btn_share").on("click", function() {
|
||||
$(this).parent("div").children(".sct_sns_wrap").show();
|
||||
});
|
||||
$('.sct_sns_bg, .sct_sns_cls').click(function(){
|
||||
$('.sct_sns_wrap').hide();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,45 @@
|
||||
<?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">
|
||||
<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">판매많은순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_price&sortodr=asc">낮은가격순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_price&sortodr=desc">높은가격순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_use_avg&sortodr=desc">평점높은순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_use_cnt&sortodr=desc">후기많은순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_update_time&sortodr=desc">최근등록순</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
<!-- } 상품 정렬 선택 끝 -->
|
||||
@@ -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"><i class="fa fa-th-list" aria-hidden="true"></i><span class="sound_only">리스트뷰</span></button></li>
|
||||
<li><button type="button" class="sct_lst_view sct_lst_gallery"><i class="fa fa-th-large" aria-hidden="true"></i><span class="sound_only">갤러리뷰</span></button></li>
|
||||
</ul>
|
||||
<?php }
|
||||
@@ -0,0 +1,36 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
$str = '';
|
||||
$exists = false;
|
||||
|
||||
$ca_id_len = strlen($ca_id);
|
||||
$len2 = $ca_id_len + 2;
|
||||
$len4 = $ca_id_len + 4;
|
||||
|
||||
$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' ");
|
||||
|
||||
$str .= '<li><a href="'.shop_category_url($row['ca_id']).'">'.$row['ca_name'].' ('.$row2['cnt'].')</a></li>';
|
||||
$exists = true;
|
||||
}
|
||||
|
||||
if ($exists) {
|
||||
|
||||
// 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">
|
||||
<h2>현재 상품 분류와 관련된 분류</h2>
|
||||
<ul>
|
||||
<?php echo $str; ?>
|
||||
</ul>
|
||||
</aside>
|
||||
<!-- } 상품분류 1 끝 -->
|
||||
|
||||
<?php }
|
||||
@@ -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 }
|
||||
@@ -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 }
|
||||
@@ -0,0 +1,101 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 상품진열 10 시작 { -->
|
||||
<?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']) : '';
|
||||
$is_soldout = is_soldout($row['it_id'], true); // 품절인지 체크
|
||||
|
||||
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 smt_40 owl-carousel\" data-value=\"".$this->list_mod."\">\n";
|
||||
}
|
||||
}
|
||||
|
||||
echo "<li class=\"sct_li {$sct_last}\" style=\"width:{$this->img_width}px\">\n";
|
||||
|
||||
echo "<div class=\"sct_img\">\n";
|
||||
|
||||
if ($this->href) {
|
||||
echo "<a href=\"{$item_link_href}\">\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_img) {
|
||||
echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "</a>\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_icon) {
|
||||
// 품절
|
||||
if ($is_soldout) {
|
||||
echo '<span class="shop_icon_soldout h160"><span class="soldout_txt">SOLD OUT</span></span>';
|
||||
}
|
||||
}
|
||||
|
||||
echo "</div>\n";
|
||||
|
||||
if ($this->view_it_id) {
|
||||
echo "<div class=\"sct_id\"><".stripslashes($row['it_id'])."></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->href) {
|
||||
echo "<div class=\"sct_txt\"><a href=\"{$item_link_href}\">\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_name) {
|
||||
echo stripslashes($row['it_name'])."\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "</a></div>\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_cust_price || $this->view_it_price) {
|
||||
|
||||
echo "<div class=\"sct_cost\">\n";
|
||||
|
||||
if ($this->view_it_price) {
|
||||
echo display_price(get_price($row), $row['it_tel_inq'])."\n";
|
||||
}
|
||||
|
||||
echo "</div>\n";
|
||||
|
||||
}
|
||||
|
||||
echo "</li>\n";
|
||||
}
|
||||
|
||||
if ($i >= 1) echo "</ul>\n";
|
||||
|
||||
if($i == 0) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
|
||||
?>
|
||||
<!-- } 상품진열 10 끝 -->
|
||||
@@ -0,0 +1,279 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
|
||||
/*
|
||||
상품리스트가 일정 시간마다 위로 롤링되는 스킨
|
||||
롤링되기 위해서는 상품이 2줄 이상이어야 함
|
||||
*/
|
||||
?>
|
||||
|
||||
<!-- 이전 재생 정지 다음 버튼 시작 { -->
|
||||
<ul id="btn_smt_<?php echo $this->type; ?>" class="sctrl">
|
||||
<li><button type="button" class="sctrl_play">효과재생<span></span></button></li>
|
||||
<li><button type="button" class="sctrl_stop">효과정지<span></span></button></li>
|
||||
</ul>
|
||||
<!-- } 이전 재생 정지 다음 버튼 끝 -->
|
||||
|
||||
<!-- 상품진열 20 시작 { -->
|
||||
<?php
|
||||
$i=0;
|
||||
foreach((array) $list as $row){
|
||||
|
||||
if( empty($row) ) continue;
|
||||
$i++;
|
||||
|
||||
$sct_last = '';
|
||||
$item_link_href = shop_item_url($row['it_id']);
|
||||
$star_score = $row['it_use_avg'] ? (int) get_star($row['it_use_avg']) : '';
|
||||
|
||||
if($i>1 && $i%$this->list_mod == 0)
|
||||
$sct_last = ' sct_last'; // 줄 마지막
|
||||
|
||||
if ($i == 1) {
|
||||
if ($this->css) {
|
||||
echo "<div id=\"smt_{$this->type}\" class=\"{$this->css}\">\n";
|
||||
} else {
|
||||
echo "<div id=\"smt_{$this->type}\" class=\"sct smt_20\">\n";
|
||||
}
|
||||
echo "<ul class=\"sct_ul sct_ul_first\">\n";
|
||||
}
|
||||
|
||||
if ($i>1 && $i%$this->list_mod == 1) {
|
||||
echo "</ul>\n";
|
||||
echo "<ul class=\"sct_ul\">\n";
|
||||
}
|
||||
|
||||
echo "<li class=\"sct_li{$sct_last}\">";
|
||||
|
||||
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_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_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\" style=\"top:{$sns_top}px\">";
|
||||
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 "</div>\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_icon) {
|
||||
echo "<div class=\"sct_icon\">".item_icon($row)."</div>\n";
|
||||
}
|
||||
|
||||
echo "</li>\n";
|
||||
}
|
||||
|
||||
if ($i >= 1) {
|
||||
echo "</ul>\n";
|
||||
echo "</div>\n";
|
||||
}
|
||||
|
||||
if($i == 0) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
|
||||
?>
|
||||
|
||||
<script>
|
||||
(function($) {
|
||||
var intervals = {};
|
||||
|
||||
var methods = {
|
||||
init: function(option)
|
||||
{
|
||||
if(this.length < 1)
|
||||
return false;
|
||||
|
||||
var $smt = this.find("ul.sct_ul");
|
||||
var $smt_a = $smt.find("a");
|
||||
var height = 0;
|
||||
var count = $smt.length;
|
||||
var c_idx = o_idx = 0;
|
||||
var fx = null;
|
||||
var el_id = this[0].id;
|
||||
|
||||
$smt.each(function() {
|
||||
var h = $(this).outerHeight(true);
|
||||
if(h > height)
|
||||
height = h;
|
||||
});
|
||||
|
||||
$smt.each(function(index) {
|
||||
if($(this).is(":visible")) {
|
||||
o_idx = index;
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
this.height(height);
|
||||
$smt.eq(o_idx).siblings().css("top", height+"px");
|
||||
|
||||
// 기본 설정값
|
||||
var settings = $.extend({
|
||||
interval: 5000,
|
||||
duration: 800
|
||||
}, option);
|
||||
|
||||
if(count < 2)
|
||||
return;
|
||||
|
||||
set_interval();
|
||||
|
||||
$smt.hover(
|
||||
function() {
|
||||
clear_interval();
|
||||
},
|
||||
function() {
|
||||
set_interval();
|
||||
}
|
||||
);
|
||||
|
||||
$smt_a.on("focusin", function() {
|
||||
clear_interval();
|
||||
});
|
||||
|
||||
$smt_a.on("focusout", function() {
|
||||
set_interval();
|
||||
});
|
||||
|
||||
function top_rolling() {
|
||||
$smt.each(function(index) {
|
||||
if($(this).is(":visible")) {
|
||||
o_idx = index;
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
$smt.eq(o_idx).animate(
|
||||
{ top: "-="+height+"px" }, settings.duration,
|
||||
function() {
|
||||
$(this).css("display", "none").css("top", height+"px");
|
||||
}
|
||||
);
|
||||
|
||||
c_idx = (o_idx + 1) % count;
|
||||
|
||||
$smt.eq(c_idx).css("display", "block").animate(
|
||||
{ top: "-="+height+"px" }, settings.duration,
|
||||
function() {
|
||||
o_idx = c_idx;
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
function set_interval() {
|
||||
if(count > 1) {
|
||||
clear_interval();
|
||||
|
||||
if($("#btn_"+el_id).find("button.sctrl_stop").data("stop") == true)
|
||||
return;
|
||||
|
||||
intervals[el_id] = setInterval(top_rolling, settings.interval);
|
||||
|
||||
// control 버튼 class
|
||||
$("#btn_"+el_id).find("button span").removeClass("sctrl_on").html("")
|
||||
.end().find("button.sctrl_play span").addClass("sctrl_on").html("<b class=\"sound_only\">선택됨</b>");
|
||||
}
|
||||
}
|
||||
|
||||
function clear_interval() {
|
||||
if(intervals[el_id]) {
|
||||
clearInterval(intervals[el_id]);
|
||||
|
||||
// control 버튼 class
|
||||
$("#btn_"+el_id).find("button span").removeClass("sctrl_on").html("")
|
||||
.end().find("button.sctrl_stop span").addClass("sctrl_on").html("<b class=\"sound_only\">선택됨</b>");
|
||||
}
|
||||
}
|
||||
},
|
||||
stop: function()
|
||||
{
|
||||
var el_id = this[0].id;
|
||||
if(intervals[el_id])
|
||||
clearInterval(intervals[el_id]);
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.topRolling = function(option) {
|
||||
if (methods[option])
|
||||
return methods[option].apply(this, Array.prototype.slice.call(arguments, 1));
|
||||
else
|
||||
return methods.init.apply(this, arguments);
|
||||
}
|
||||
}(jQuery));
|
||||
|
||||
$(function() {
|
||||
$("#smt_<?php echo $this->type; ?>").topRolling();
|
||||
// 기본 설정값을 변경하려면 아래처럼 사용
|
||||
//$("#smt_<?php echo $this->type; ?>").topRolling({ interval: 2000, duration: 800 });
|
||||
|
||||
// 애니메이션 play
|
||||
$("#btn_smt_<?php echo $this->type; ?> button.sctrl_play").on("click", function() {
|
||||
$("#btn_smt_<?php echo $this->type; ?> button.sctrl_stop").data("stop", false);
|
||||
|
||||
var id = $(this).closest(".sctrl").attr("id").replace("btn_", "");
|
||||
$("#"+id).topRolling();
|
||||
//$("#"+id).topRolling({ interval: 2000, duration: 800 });
|
||||
});
|
||||
|
||||
// 애니메이션 stop
|
||||
$("#btn_smt_<?php echo $this->type; ?> button.sctrl_stop").on("click", function() {
|
||||
if($(this).parent().siblings().find(".sctrl_on").length > 0) {
|
||||
$(this).parent().siblings().find("span").removeClass("sctrl_on").html("");
|
||||
$(this).children().addClass("sctrl_on").html("<b class=\"sound_only\">선택됨</b>");
|
||||
var id = $(this).closest(".sctrl").attr("id").replace("btn_", "");
|
||||
$("#"+id).topRolling("stop");
|
||||
|
||||
$(this).data("stop", true);
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- } 상품진열 20 끝 -->
|
||||
@@ -0,0 +1,161 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
|
||||
// 관련상품 스킨은 사품을 한줄에 하나만 표시하며 해당 상품에 관련상품이 등록되어 있는 경우 기본으로 7개까지 노출합니다.
|
||||
add_javascript('<script src="'.G5_JS_URL.'/shop.list.action.js"></script>', 10);
|
||||
?>
|
||||
|
||||
<!-- 상품진열 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=\"smt smt_10\">\n";
|
||||
}
|
||||
}
|
||||
|
||||
echo "<li class=\"sct_li{$sct_last}\">\n";
|
||||
|
||||
echo "<div class=\"sct_img\">\n";
|
||||
|
||||
if ($this->href) {
|
||||
echo "<a href=\"{$item_link_href}\">\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_img) {
|
||||
echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "</a>\n";
|
||||
}
|
||||
|
||||
// 할인율 표시 ( 전화문의가 아니며 판매가격 과 시중가격 이 있을때 표시 (시중가격-판매가격)/시중가격*100 )
|
||||
if ($row['it_cust_price'] && $row['it_price'] && !$row['it_tel_inq']) {
|
||||
|
||||
$sale_per = round( (((int) $row['it_cust_price'] - get_price($row))/$row['it_cust_price']) * 100 , 1).'%';
|
||||
|
||||
echo '<span class="sct_disc">'.$sale_per.'</span>'.PHP_EOL;
|
||||
}
|
||||
|
||||
if ($this->view_it_icon) {
|
||||
// 품절
|
||||
if (is_soldout($row['it_id'], true)) {
|
||||
echo '<span class="shop_icon_soldout"><span class="soldout_txt">SOLD OUT</span></span>';
|
||||
}
|
||||
}
|
||||
echo "</div>\n";
|
||||
|
||||
echo "<div class=\"sct_ct_wrap\">\n";
|
||||
|
||||
// 사용후기 평점표시
|
||||
if ($this->view_star && $star_score) {
|
||||
echo "<div class=\"sct_star\"><span class=\"sound_only\">고객평점</span><img src=\"".G5_SHOP_URL."/img/s_star".$star_score.".png\" alt=\"별점 ".$star_score."점\" class=\"sit_star\"></div>\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_id) {
|
||||
echo "<div class=\"sct_id\"><".stripslashes($row['it_id'])."></div>\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_txt\"><a href=\"{$item_link_href}\">\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=\"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>\n";
|
||||
|
||||
if ($this->view_it_icon) {
|
||||
echo "<div class=\"sit_icon_li\">".item_icon($row)."</div>\n";
|
||||
}
|
||||
|
||||
echo "</li>\n";
|
||||
}
|
||||
|
||||
if ($i >= 1) echo "</ul>\n";
|
||||
|
||||
if($i == 0) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
|
||||
?>
|
||||
<!-- } 상품진열 30 끝 -->
|
||||
|
||||
<script>
|
||||
//SNS 공유
|
||||
$(function (){
|
||||
$(".btn_share").on("click", function() {
|
||||
$(this).parent("div").children(".sct_sns_wrap").show();
|
||||
});
|
||||
$('.sct_sns_bg, .sct_sns_cls').click(function(){
|
||||
$('.sct_sns_wrap').hide();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,153 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
|
||||
// 관련상품 스킨은 사품을 한줄에 하나만 표시하며 해당 상품에 관련상품이 등록되어 있는 경우 기본으로 7개까지 노출합니다.
|
||||
add_javascript('<script src="'.G5_JS_URL.'/shop.list.action.js"></script>', 10);
|
||||
?>
|
||||
|
||||
<!-- 상품진열 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=\"smt smt_10\">\n";
|
||||
}
|
||||
}
|
||||
|
||||
echo "<li class=\"sct_li{$sct_last}\">\n";
|
||||
|
||||
echo "<div class=\"sct_img\">\n";
|
||||
|
||||
if ($this->href) {
|
||||
echo "<a href=\"{$item_link_href}\">\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_img) {
|
||||
echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "</a>\n";
|
||||
}
|
||||
|
||||
echo "<div class=\"sct_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($row['it_id'], true)) {
|
||||
echo '<span class="shop_icon_soldout"><span class="soldout_txt">SOLD OUT</span></span>';
|
||||
}
|
||||
}
|
||||
echo "</div>\n";
|
||||
|
||||
echo "<div class=\"sct_ct_wrap\">\n";
|
||||
|
||||
// 사용후기 평점표시
|
||||
if ($this->view_star && $star_score) {
|
||||
echo "<div class=\"sct_star\"><span class=\"sound_only\">고객평점</span><img src=\"".G5_SHOP_URL."/img/s_star".$star_score.".png\" alt=\"별점 ".$star_score."점\" class=\"sit_star\"></div>\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_id) {
|
||||
echo "<div class=\"sct_id\"><".stripslashes($row['it_id'])."></div>\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_txt\"><a href=\"{$item_link_href}\">\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_price) {
|
||||
echo display_price(get_price($row), $row['it_tel_inq'])."\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>\n";
|
||||
|
||||
if ($this->view_it_icon) {
|
||||
echo "<div class=\"sit_icon_li\">".item_icon($row)."</div>\n";
|
||||
}
|
||||
|
||||
echo "</li>\n";
|
||||
}
|
||||
|
||||
if ($i >= 1) echo "</ul>\n";
|
||||
|
||||
if($i == 0) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
|
||||
?>
|
||||
<!-- } 상품진열40 끝 -->
|
||||
|
||||
<script>
|
||||
//SNS 공유
|
||||
$(function (){
|
||||
$(".btn_share").on("click", function() {
|
||||
$(this).parent("div").children(".sct_sns_wrap").show();
|
||||
});
|
||||
$('.sct_sns_bg, .sct_sns_cls').click(function(){
|
||||
$('.sct_sns_wrap').hide();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,83 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 상품진열 50 시작 { -->
|
||||
<?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']) : '';
|
||||
|
||||
$sct_last = '';
|
||||
if($i>1 && $i%$this->list_mod == 0)
|
||||
$sct_last = ' sct_last'; // 줄 마지막
|
||||
if ($i == 1) {
|
||||
if ($this->css) {
|
||||
echo "<ul class=\"{$this->css}\">\n";
|
||||
} else {
|
||||
echo "<ul id=\"smt_{$this->type}\" class=\"smt_30\">\n";
|
||||
}
|
||||
}
|
||||
echo "<li class=\"sct_li sct_li_{$i}\">\n";
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_img\"><a href=\"{$item_link_href}\">\n";
|
||||
}
|
||||
if ($this->view_it_img) {
|
||||
echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";
|
||||
}
|
||||
if ($this->href) {
|
||||
echo "</a></div>\n";
|
||||
}
|
||||
|
||||
|
||||
echo "<div class=\"sct_cnt\">\n";
|
||||
|
||||
// 사용후기 평점표시
|
||||
if ($this->view_star && $star_score) {
|
||||
echo "<span class=\"sound_only\">고객평점</span><img src=\"".G5_SHOP_URL."/img/s_star".$star_score.".png\" alt=\"별 ".$star_score."개\" class=\"sit_star\" width=\"100\">\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_txt\"><a href=\"{$item_link_href}\">\n";
|
||||
}
|
||||
if ($this->view_it_name) {
|
||||
echo stripslashes($row['it_name'])."\n";
|
||||
}
|
||||
if ($this->href) {
|
||||
echo "</a></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>\n";
|
||||
echo "</li>\n";
|
||||
}
|
||||
if ($i >= 1) echo "</ul>\n";
|
||||
if($i == 0) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
|
||||
?>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('.smt_30').bxSlider({
|
||||
minSlides: 4,
|
||||
maxSlides: 4,
|
||||
mode: 'vertical',
|
||||
pager:false
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- } 상품진열 50 끝 -->
|
||||
@@ -0,0 +1,137 @@
|
||||
<?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" '.$banner_style.'><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 class="owl_pager">
|
||||
<ul class="carousel-custom-dots owl-dots">';
|
||||
$k = 0;
|
||||
foreach( $main_banners as $row ){
|
||||
echo '<li class="owl-dot"><a data-slide-index="'.$k.'" href="#">'.get_text($row['bn_alt']).'</a></li>'.PHP_EOL;
|
||||
$k++;
|
||||
}
|
||||
|
||||
echo '</ul>
|
||||
</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
|
||||
}
|
||||
@@ -0,0 +1,83 @@
|
||||
<?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는 리스트 말고 상품보기에서만 표시 -->
|
||||
<a href='<?php echo G5_SHOP_URL; ?>/' class="go_home"><span class="sound_only">메인으로</span><i class="fa fa-home" aria-hidden="true"></i></a>
|
||||
<i class="dividing-line fa fa-angle-right" aria-hidden="true"></i>
|
||||
<?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>
|
||||
@@ -0,0 +1,34 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<?php
|
||||
for ($i=1; $row=sql_fetch_array($result); $i++) {
|
||||
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) {
|
||||
echo "<ul class=\"sct sct_pv\">\n";
|
||||
}
|
||||
|
||||
$href = G5_SHOP_URL.'/personalpayform.php?pp_id='.$row['pp_id'].'&page='.$page;
|
||||
?>
|
||||
<li class="sct_li<?php echo $sct_last; ?>" style="width:<?php echo $img_width; ?>px">
|
||||
<div class="sct_img"><a href="<?php echo $href; ?>" class="sct_a"><img src="<?php echo G5_SHOP_SKIN_URL; ?>/img/personal.jpg" alt=""></a></div>
|
||||
<div class="sct_txt"><a href="<?php echo $href; ?>" class="sct_a"><?php echo get_text($row['pp_name']).'님 개인결제'; ?></a></div>
|
||||
<div class="sct_cost"><?php echo display_price($row['pp_price']); ?></div>
|
||||
</li>
|
||||
<?php
|
||||
}
|
||||
|
||||
if ($i > 1) echo "</ul>\n";
|
||||
|
||||
if($i == 1) echo "<p class=\"sct_noitem\">등록된 개인결제가 없습니다.</p>\n";
|
||||
@@ -0,0 +1,108 @@
|
||||
<?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);
|
||||
?>
|
||||
|
||||
<!-- 관련상품 10 시작 { -->
|
||||
<?php
|
||||
for ($i=1; $row=sql_fetch_array($result); $i++) {
|
||||
|
||||
$item_link_href = shop_item_url($row['it_id']);
|
||||
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=\"scr_10\">\n";
|
||||
}
|
||||
}
|
||||
|
||||
echo "<li class=\"sct_li slide {$sct_last}\">\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_cust_price || $this->view_it_price) {
|
||||
|
||||
echo "<div class=\"sct_cost\">\n";
|
||||
|
||||
if ($this->view_it_cust_price && $row['it_cust_price']) {
|
||||
echo "<strike>".display_price($row['it_cust_price'])."</strike>\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_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\" style=\"top:{$sns_top}px\">";
|
||||
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 == 1) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
|
||||
?>
|
||||
<!-- } 관련상품 10 끝 -->
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('.scr_10').bxSlider({
|
||||
slideWidth:175,
|
||||
minSlides:6,
|
||||
maxSlides:6,
|
||||
slideMargin:20,
|
||||
pager:false
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,134 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
?>
|
||||
<?php if ($is_admin) { //관리자이면 ?>
|
||||
<div class="sit_admin"><a href="<?php echo G5_ADMIN_URL; ?>/shop_admin/configform.php#anc_scf_etc" class="btn_admin btn"><i class="fa fa-cog fa-spin fa-fw"></i><span class="sound_only">검색 설정</span></a></div>
|
||||
<?php } ?>
|
||||
<!-- 검색 시작 { -->
|
||||
<div id="ssch">
|
||||
<h2><strong><?php echo $q; ?></strong> 검색 결과<span class="ssch_result_total">총 <?php echo $total_count; ?>건</span></h2>
|
||||
<!-- 상세검색 항목 시작 { -->
|
||||
<div id="ssch_frm">
|
||||
<div class="ssch_frm_inner">
|
||||
<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 class="ssch_scharea">
|
||||
<label for="ssch_q" class="sound_only" >검색어</label>
|
||||
<input type="text" name="q" value="<?php echo $q; ?>" id="ssch_q" class="ssch_input" size="40" maxlength="30" placeholder="검색어">
|
||||
<button type="submit" class="btn_submit"><i class="fa fa-search" aria-hidden="true"></i> 검색</button>
|
||||
<button type="button" class="tooltip_icon"><i class="fa fa-question-circle-o" aria-hidden="true"></i><span class="sound_only">설명보기</span></button>
|
||||
<span class="tooltip">
|
||||
상세검색을 선택하지 않거나, 상품가격을 입력하지 않으면 전체에서 검색합니다.<br>
|
||||
검색어는 최대 30글자까지, 여러개의 검색어를 공백으로 구분하여 입력 할수 있습니다.
|
||||
</span>
|
||||
</div>
|
||||
<div class="ssch_option chk_box">
|
||||
<strong class="sound_only">검색범위</strong>
|
||||
<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>
|
||||
<strong class="sound_only">상품가격 (원)</strong>
|
||||
<label for="ssch_qfrom" class="sound_only">최소 가격</label>
|
||||
<input type="text" name="qfrom" value="<?php echo $qfrom; ?>" id="ssch_qfrom" class="ssch_input" size="10"> 원 ~
|
||||
<label for="ssch_qto" class="sound_only">최대 가격</label>
|
||||
<input type="text" name="qto" value="<?php echo $qto; ?>" id="ssch_qto" class="ssch_input" size="10"> 원
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- 검색된 분류 시작 { -->
|
||||
<div id="ssch_cate">
|
||||
<ul>
|
||||
<?php
|
||||
echo '<li><a href="#" onclick="set_ca_id(\'\'); return false;">전체분류 <span>('.$total_count.')</span></a></li>'.PHP_EOL;
|
||||
$total_cnt = 0;
|
||||
foreach((array) $categorys as $row){
|
||||
if( empty($row) ) continue;
|
||||
echo "<li><a href=\"#\" onclick=\"set_ca_id('{$row['ca_id']}'); return false;\">{$row['ca_name']} (".$row['cnt'].")</a></li>\n";
|
||||
$total_cnt += $row['cnt'];
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- } 검색된 분류 끝 -->
|
||||
|
||||
<ul id="ssch_sort_all">
|
||||
<li><a href="#" onclick="set_sort('it_sum_qty', 'desc'); return false;">판매많은순</a></li>
|
||||
<li><a href="#" onclick="set_sort('it_price', 'asc'); return false;">낮은가격순</a></li>
|
||||
<li><a href="#" onclick="set_sort('it_price', 'desc'); return false;">높은가격순</a></li>
|
||||
<li><a href="#" onclick="set_sort('it_use_avg', 'desc'); return false;">평점높은순</a></li>
|
||||
<li><a href="#" onclick="set_sort('it_use_cnt', 'desc'); return false;">후기많은순</a></li>
|
||||
<li><a href="#" onclick="set_sort('it_update_time', 'desc'); return false;">최근등록순</a></li>
|
||||
</ul>
|
||||
<!-- } 상세검색 항목 끝 -->
|
||||
</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>
|
||||
<!-- } 검색 끝 -->
|
||||
|
||||
<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();
|
||||
});
|
||||
});
|
||||
|
||||
// 검색옵션
|
||||
$("#ssch_sort_all li a").click(function() {
|
||||
$(this).parent().addClass('active');
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,964 @@
|
||||
@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 .owl_pager {position:absolute;bottom:0px;left:0;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;font-size:1.2em}
|
||||
#main_bn .owl_pager li:first-child {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!important;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 !important;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