5.3 버전 내용 적용
This commit is contained in:
thisgun
38
theme/basic/mobile/skin/shop/basic/boxbanner.skin.php
Normal file
38
theme/basic/mobile/skin/shop/basic/boxbanner.skin.php
Normal file
@ -0,0 +1,38 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<?php
|
||||
for ($i=0; $row=sql_fetch_array($result); $i++)
|
||||
{
|
||||
|
||||
if ($i==0) echo '<aside id="sbn_side"><h2>쇼핑몰 배너</h2><ul class="sb_bn">'.PHP_EOL;
|
||||
//print_r2($row);
|
||||
// 테두리 있는지
|
||||
$bn_border = ($row['bn_border']) ? ' class="sbn_border"' : '';;
|
||||
// 새창 띄우기인지
|
||||
$bn_new_win = ($row['bn_new_win']) ? ' target="_blank"' : '';
|
||||
|
||||
$bimg = G5_DATA_PATH.'/banner/'.$row['bn_id'];
|
||||
if (file_exists($bimg))
|
||||
{
|
||||
$banner = '';
|
||||
$size = getimagesize($bimg);
|
||||
echo '<li>'.PHP_EOL;
|
||||
if ($row['bn_url'][0] == '#')
|
||||
$banner .= '<a href="'.$row['bn_url'].'">';
|
||||
else if ($row['bn_url'] && $row['bn_url'] != 'http://') {
|
||||
$banner .= '<a href="'.G5_SHOP_URL.'/bannerhit.php?bn_id='.$row['bn_id'].'&url='.urlencode($row['bn_url']).'"'.$bn_new_win.'>';
|
||||
}
|
||||
echo $banner.'<img src="'.G5_DATA_URL.'/banner/'.$row['bn_id'].'" alt="'.$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;
|
||||
?>
|
||||
|
||||
104
theme/basic/mobile/skin/shop/basic/boxtodayview.skin.php
Normal file
104
theme/basic/mobile/skin/shop/basic/boxtodayview.skin.php
Normal file
@ -0,0 +1,104 @@
|
||||
<?php
|
||||
$tv_idx = get_session("ss_tv_idx");
|
||||
|
||||
$tv_div['top'] = 0;
|
||||
$tv_div['img_width'] = 100;
|
||||
$tv_div['img_height'] = 100;
|
||||
$tv_div['img_length'] = 6; // 한번에 보여줄 이미지 수
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 오늘 본 상품 시작 { -->
|
||||
<div id="stv" class="op_area">
|
||||
<h2>
|
||||
오늘 본 상품
|
||||
</h2>
|
||||
|
||||
<?php if ($tv_idx) { // 오늘 본 상품이 1개라도 있을 때 ?>
|
||||
|
||||
|
||||
<?php
|
||||
$tv_tot_count = 0;
|
||||
$k = 0;
|
||||
for ($i=1;$i<=$tv_idx;$i++)
|
||||
{
|
||||
$tv_it_idx = $tv_idx - ($i - 1);
|
||||
$tv_it_id = get_session("ss_tv[$tv_it_idx]");
|
||||
|
||||
$rowx = sql_fetch(" select * from {$g5['g5_shop_item_table']} where it_id = '$tv_it_id' ");
|
||||
if(!$rowx['it_id'])
|
||||
continue;
|
||||
|
||||
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);
|
||||
|
||||
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 '</li>'.PHP_EOL;
|
||||
|
||||
$tv_tot_count++;
|
||||
}
|
||||
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>
|
||||
<!-- } 오늘 본 상품 끝 -->
|
||||
BIN
theme/basic/mobile/skin/shop/basic/img/btn_next.gif
Normal file
BIN
theme/basic/mobile/skin/shop/basic/img/btn_next.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
theme/basic/mobile/skin/shop/basic/img/btn_next.png
Normal file
BIN
theme/basic/mobile/skin/shop/basic/img/btn_next.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
theme/basic/mobile/skin/shop/basic/img/btn_prev.gif
Normal file
BIN
theme/basic/mobile/skin/shop/basic/img/btn_prev.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
theme/basic/mobile/skin/shop/basic/img/btn_prev.png
Normal file
BIN
theme/basic/mobile/skin/shop/basic/img/btn_prev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
theme/basic/mobile/skin/shop/basic/img/facebook.png
Normal file
BIN
theme/basic/mobile/skin/shop/basic/img/facebook.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
theme/basic/mobile/skin/shop/basic/img/gplus.png
Normal file
BIN
theme/basic/mobile/skin/shop/basic/img/gplus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
theme/basic/mobile/skin/shop/basic/img/twitter.png
Normal file
BIN
theme/basic/mobile/skin/shop/basic/img/twitter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
@ -51,151 +51,197 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0
|
||||
}
|
||||
?>
|
||||
|
||||
<section id="sit_ov">
|
||||
<h2>상품간략정보 및 구매기능</h2>
|
||||
<strong id="sit_title"><?php echo stripslashes($it['it_name']); ?></strong>
|
||||
<?php if($is_orderable) { ?>
|
||||
<p id="sit_opt_info">
|
||||
상품 선택옵션 <?php echo $option_count; ?> 개, 추가옵션 <?php echo $supply_count; ?> 개
|
||||
</p>
|
||||
<!-- 다른 상품 보기 시작 { -->
|
||||
<div id="sit_siblings">
|
||||
<?php
|
||||
if ($prev_href || $next_href) {
|
||||
$prev_title = '<i class="fa fa-caret-left" aria-hidden="true"></i> '.$prev_title;
|
||||
$next_title = $next_title.' <i class="fa fa-caret-right" aria-hidden="true"></i>';
|
||||
|
||||
echo $prev_href.$prev_title.$prev_href2;
|
||||
echo $next_href.$next_title.$next_href2;
|
||||
} else {
|
||||
echo '<span class="sound_only">이 분류에 등록된 다른 상품이 없습니다.</span>';
|
||||
}
|
||||
?>
|
||||
<a href="<?php echo G5_SHOP_URL; ?>/largeimage.php?it_id=<?php echo $it['it_id']; ?>&no=1" target="_blank" class="popup_item_image "><i class="fa fa-search-plus" aria-hidden="true"></i><span class="sound_only">확대보기</span></a>
|
||||
</div>
|
||||
<!-- } 다른 상품 보기 끝 -->
|
||||
|
||||
<div id="sit_star_sns">
|
||||
<?php
|
||||
$sns_title = get_text($it['it_name']).' | '.get_text($config['cf_title']);
|
||||
$sns_url = G5_SHOP_URL.'/item.php?it_id='.$it['it_id'];
|
||||
|
||||
if ($score = get_star_image($it['it_id'])) { ?>
|
||||
<span class="sound_only">고객평점 <?php echo $score?>개</span>
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star<?php echo $score?>.png" alt="" class="sit_star" width="100"> <span class="st_bg"></span>
|
||||
<?php } ?>
|
||||
<div id="sit_star">
|
||||
|
||||
|
||||
<i class="fa fa-commenting-o" aria-hidden="true"></i><span class="sound_only">리뷰</span> <?php echo $it['it_use_cnt']; ?>
|
||||
<span class="st_bg"></span> <i class="fa fa-heart-o" aria-hidden="true"></i><span class="sound_only">위시</span> <?php echo get_wishlist_count_by_item($it['it_id']); ?>
|
||||
<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 get_sns_share_link('facebook', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/facebook.png'); ?>
|
||||
<?php echo get_sns_share_link('twitter', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/twitter.png'); ?>
|
||||
<?php echo get_sns_share_link('googleplus', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/gplus.png'); ?>
|
||||
<?php echo get_sns_share_link('kakaotalk', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/sns_kakao.png'); ?>
|
||||
<?php
|
||||
$sns_title = get_text($it['it_name']).' | '.get_text($config['cf_title']);
|
||||
$sns_url = G5_SHOP_URL.'/item.php?it_id='.$it['it_id'];
|
||||
|
||||
if ($score = get_star_image($it['it_id'])) { ?>
|
||||
고객선호도 <span>별<?php echo $score?>개</span>
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star<?php echo $score?>.png" alt="" class="sit_star">
|
||||
<?php } ?>
|
||||
|
||||
$href = G5_SHOP_URL.'/iteminfo.php?it_id='.$it_id;
|
||||
?>
|
||||
<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 class="sit_ov_tbl">
|
||||
<table >
|
||||
<colgroup>
|
||||
<col class="grid_2">
|
||||
<col>
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<?php if ($it['it_maker']) { ?>
|
||||
<tr>
|
||||
<th scope="row">제조사</th>
|
||||
<td><?php echo $it['it_maker']; ?></td>
|
||||
</tr>
|
||||
<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>
|
||||
<section id="sit_ov" class="2017_renewal_itemform">
|
||||
<h2>상품간략정보 및 구매기능</h2>
|
||||
<div class="sit_ov_wr">
|
||||
<strong id="sit_title"><?php echo stripslashes($it['it_name']); ?></strong>
|
||||
<?php if($it['it_basic']) { ?><p id="sit_desc"><?php echo $it['it_basic']; ?></p><?php } ?>
|
||||
<?php if($is_orderable) { ?>
|
||||
<p id="sit_opt_info">
|
||||
상품 선택옵션 <?php echo $option_count; ?> 개, 추가옵션 <?php echo $supply_count; ?> 개
|
||||
</p>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($it['it_origin']) { ?>
|
||||
<tr>
|
||||
<th scope="row">원산지</th>
|
||||
<td><?php echo $it['it_origin']; ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
<div class="sit_ov_tbl">
|
||||
<table >
|
||||
<colgroup>
|
||||
<col class="grid_2">
|
||||
<col>
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<?php if ($it['it_maker']) { ?>
|
||||
<tr>
|
||||
<th scope="row">제조사</th>
|
||||
<td><?php echo $it['it_maker']; ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($it['it_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 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']) { // 1.00.03?>
|
||||
<tr>
|
||||
<th scope="row">시중가격</th>
|
||||
<td><?php echo display_price($it['it_cust_price']); ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
<?php if ($it['it_origin']) { ?>
|
||||
<tr>
|
||||
<th scope="row">원산지</th>
|
||||
<td><?php echo $it['it_origin']; ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
|
||||
<tr>
|
||||
<th scope="row">판매가격</th>
|
||||
<td>
|
||||
<?php echo display_price(get_price($it)); ?>
|
||||
<input type="hidden" id="it_price" value="<?php echo get_price($it); ?>">
|
||||
</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 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']) { // 1.00.03?>
|
||||
<tr>
|
||||
<th scope="row">시중가격</th>
|
||||
<td><?php echo display_price($it['it_cust_price']); ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
|
||||
<?php
|
||||
/* 재고 표시하는 경우 주석 해제
|
||||
<tr>
|
||||
<th scope="row">재고수량</th>
|
||||
<td><?php echo number_format(get_it_stock_qty($it_id)); ?> 개</td>
|
||||
</tr>
|
||||
*/
|
||||
?>
|
||||
<tr>
|
||||
<th scope="row">판매가격</th>
|
||||
<td>
|
||||
<?php echo display_price(get_price($it)); ?>
|
||||
<input type="hidden" id="it_price" value="<?php echo get_price($it); ?>">
|
||||
</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($config['cf_use_point']) { // 포인트 사용한다면 ?>
|
||||
<tr>
|
||||
<th scope="row"><label for="disp_point">포인트</label></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).'점';
|
||||
<?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"><label for="disp_point">포인트</label></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>';
|
||||
}
|
||||
?>
|
||||
</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 = '주문시 결제';
|
||||
}
|
||||
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>
|
||||
?>
|
||||
<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>
|
||||
</div>
|
||||
<?php
|
||||
if($option_item) {
|
||||
?>
|
||||
<section>
|
||||
<section class="sit_option">
|
||||
<h3>선택옵션</h3>
|
||||
<table class="sit_op_sl">
|
||||
<colgroup>
|
||||
@ -216,7 +262,7 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0
|
||||
<?php
|
||||
if($supply_item) {
|
||||
?>
|
||||
<section>
|
||||
<section class="sit_option">
|
||||
<h3>추가옵션</h3>
|
||||
<table class="sit_op_sl">
|
||||
<colgroup>
|
||||
@ -248,12 +294,15 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0
|
||||
<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']; ?>">
|
||||
<span class="sit_opt_subj"><?php echo $it['it_name']; ?></span>
|
||||
<span class="sit_opt_prc">(+0원)</span>
|
||||
<div class="sit_opt_qty">
|
||||
<input type="text" name="ct_qty[<?php echo $it_id; ?>][]" value="<?php echo $it['it_buy_min_qty']; ?>" class="frm_input" size="5">
|
||||
<button type="button" class="sit_qty_plus">증가</button>
|
||||
<button type="button" class="sit_qty_minus">감소</button>
|
||||
<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>
|
||||
@ -274,57 +323,134 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0
|
||||
|
||||
<div id="sit_ov_btn">
|
||||
<?php if ($is_orderable) { ?>
|
||||
<input type="submit" onclick="document.pressed=this.value;" value="CART" id="sit_btn_cart">
|
||||
<input type="submit" onclick="document.pressed=this.value;" value="BUY NOW" id="sit_btn_buy">
|
||||
<input type="submit" onclick="document.pressed=this.value;" value="장바구니" id="sit_btn_cart">
|
||||
<input type="submit" onclick="document.pressed=this.value;" value="바로구매" id="sit_btn_buy">
|
||||
<?php } ?>
|
||||
<?php if(!$is_orderable && $it['it_soldout'] && $it['it_stock_sms']) { ?>
|
||||
<a href="javascript:popup_stocksms('<?php echo $it['it_id']; ?>');" id="sit_btn_buy">재입고알림</a>
|
||||
<?php } ?>
|
||||
<a href="javascript:item_wish(document.fitem, '<?php echo $it['it_id']; ?>');" id="sit_btn_wish">WISH</a>
|
||||
<a href="javascript:item_wish(document.fitem, '<?php echo $it['it_id']; ?>');" id="sit_btn_wish"><span class="sound_only">위시리스트</span><i class="fa fa-heart-o" aria-hidden="true"></i></a>
|
||||
<?php if ($naverpay_button_js) { ?>
|
||||
<div class="naverpay-item"><?php echo $naverpay_request_js.$naverpay_button_js; ?></div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div id="sit_sns">
|
||||
<?php echo get_sns_share_link('facebook', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/sns_fb.png'); ?>
|
||||
<?php echo get_sns_share_link('twitter', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/sns_twt.png'); ?>
|
||||
<?php echo get_sns_share_link('googleplus', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/sns_goo.png'); ?>
|
||||
<?php echo get_sns_share_link('kakaotalk', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/sns_kakao.png'); ?>
|
||||
<a href="javascript:popup_item_recommend('<?php echo $it['it_id']; ?>');" id="sit_btn_rec">추천하기</a>
|
||||
<?php
|
||||
$href = G5_SHOP_URL.'/iteminfo.php?it_id='.$it_id;
|
||||
?>
|
||||
</div>
|
||||
<aside id="sit_siblings">
|
||||
<h2>다른 상품 보기</h2>
|
||||
<?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>';
|
||||
}
|
||||
?>
|
||||
</aside>
|
||||
|
||||
<ul id="sit_more">
|
||||
<li><a href="<?php echo $href; ?>" target="_blank">DETAIL</a></li>
|
||||
<?php if ($default['de_baesong_content']) { ?><li><a href="<?php echo $href; ?>&info=dvr" target="_blank">INFO</a></li><?php } ?>
|
||||
|
||||
<li><a href="<?php echo $href; ?>&info=use" target="_blank">REVIEW<span class="item_use_count"><?php echo $item_use_count; ?></span></a></li>
|
||||
<li><a href="<?php echo $href; ?>&info=qa" target="_blank">Q&A<span class="item_qa_count"><?php echo $item_qa_count; ?></span></a></li>
|
||||
|
||||
|
||||
<div id="sit_tab">
|
||||
<ul class="tab_tit">
|
||||
<li><button type="button" rel="#sit_inf" class="selected">상품정보</button></li>
|
||||
<li><button type="button" rel="#sit_use">사용후기</button></li>
|
||||
<li><button type="button" rel="#sit_qa">상품문의</button></li>
|
||||
<li><button type="button" rel="#sit_dvex">배송/교환</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>
|
||||
<!-- } 상품문의 끝 -->
|
||||
|
||||
<?php if ($default['de_baesong_content']) { // 배송정보 내용이 있다면 ?>
|
||||
<!-- 배송정보 시작 { -->
|
||||
<li id="sit_dvex">
|
||||
<h2>배송/교환정보</h2>
|
||||
<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>
|
||||
</form>
|
||||
|
||||
<?php if($default['de_mobile_rel_list_use']) { ?>
|
||||
<!-- 관련상품 시작 { -->
|
||||
<section id="sit_rel">
|
||||
<h2>WITH ITEM</h2>
|
||||
<h2>관련상품</h2>
|
||||
<div class="sct_wrap">
|
||||
<?php
|
||||
$rel_skin_file = $skin_dir.'/'.$default['de_mobile_rel_list_skin'];
|
||||
@ -503,7 +629,7 @@ function fitem_submit(f)
|
||||
f.action = "<?php echo $action_url; ?>";
|
||||
f.target = "";
|
||||
|
||||
if (document.pressed == "CART") {
|
||||
if (document.pressed == "장바구니") {
|
||||
f.sw_direct.value = 0;
|
||||
} else { // 바로구매
|
||||
f.sw_direct.value = 1;
|
||||
@ -568,4 +694,6 @@ function fitem_submit(f)
|
||||
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
</script>
|
||||
<?php /* 2017 리뉴얼한 테마 적용 스크립트입니다. 기존 스크립트를 오버라이드 합니다. */ ?>
|
||||
<script src="<?php echo G5_JS_URL; ?>/shop.override.js"></script>
|
||||
@ -6,7 +6,10 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
?>
|
||||
|
||||
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
|
||||
<a href="<?php echo $itemqa_form; ?>" class="itemqa_form qa_wr">상품문의 쓰기<span class="sound_only"> 새 창</span></a>
|
||||
<div id="sit_qa_wbtn">
|
||||
<a href="<?php echo $itemqa_form; ?>" class="itemqa_form qa_wr">상품문의 쓰기<span class="sound_only"> 새 창</span></a>
|
||||
<a href="<?php echo $itemqa_list; ?>" id="itemqa_list" class="btn01">더보기</a>
|
||||
</div>
|
||||
|
||||
<!-- 상품문의 목록 시작 { -->
|
||||
<div id="sit_qa_list">
|
||||
@ -48,7 +51,7 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
$iq_style = 'sit_qaa_done';
|
||||
$is_answer = true;
|
||||
} else {
|
||||
$iq_stats = '답변전';
|
||||
$iq_stats = '답변대기';
|
||||
$iq_style = 'sit_qaa_yet';
|
||||
$iq_answer = '답변이 등록되지 않았습니다.';
|
||||
$is_answer = false;
|
||||
@ -58,12 +61,12 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
?>
|
||||
|
||||
<li class="sit_qa_li">
|
||||
<button type="button" class="sit_qa_li_title"><b><?php echo $iq_num; ?>.</b> <?php echo $iq_subject; ?></button>
|
||||
<button type="button" class="sit_qa_li_title"><?php echo $iq_subject; ?></button>
|
||||
<dl class="sit_qa_dl">
|
||||
<dt>작성자</dt>
|
||||
<dd><?php echo $iq_name; ?></dd>
|
||||
<dt>작성일</dt>
|
||||
<dd><?php echo $iq_time; ?></dd>
|
||||
<dd><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $iq_time; ?></dd>
|
||||
<dt>상태</dt>
|
||||
<dd class="<?php echo $iq_style; ?>"><?php echo $iq_stats; ?></dd>
|
||||
</dl>
|
||||
@ -72,13 +75,13 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
<div class="sit_qa_p">
|
||||
<div class="sit_qa_qaq">
|
||||
<span class="sit_alp">Q</span>
|
||||
<strong>문의내용</strong><br>
|
||||
<strong>문의내용</strong>
|
||||
<?php echo $iq_question; // 상품 문의 내용 ?>
|
||||
</div>
|
||||
<?php if(!$is_secret) { ?>
|
||||
<div class="sit_qa_qaa">
|
||||
<span class="sit_alp">A</span>
|
||||
<strong>답변</strong><br>
|
||||
<strong>답변</strong>
|
||||
<?php echo $iq_answer; ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
@ -107,9 +110,6 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
echo itemqa_page($config['cf_mobile_pages'], $page, $total_page, "./itemqa.php?it_id=$it_id&page=", "");
|
||||
?>
|
||||
|
||||
<div id="sit_qa_wbtn">
|
||||
<a href="<?php echo $itemqa_list; ?>" id="itemqa_list" class="btn01">더보기 +</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(function(){
|
||||
|
||||
@ -15,43 +15,36 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
<input type="hidden" name="iq_id" value="<?php echo $iq_id; ?>">
|
||||
<input type="hidden" name="is_mobile_shop" value="1">
|
||||
|
||||
<div class="tbl_frm01 tbl_wrap">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col class="grid_2">
|
||||
<col>
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">옵션</th>
|
||||
<td>
|
||||
<div class="form_01">
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<span class="sound_only">옵션</span>
|
||||
<input type="checkbox" name="iq_secret" id="iq_secret" value="1" <?php echo $chk_secret; ?>>
|
||||
<label for="iq_secret">비밀글</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="iq_email">이메일</label></th>
|
||||
<td><input type="email" name="iq_email" id="iq_email" value="<?php echo get_text($qa['iq_email']); ?>" class="frm_input" size="30"> 이메일을 입력하시면 답변 등록 시 답변이 이메일로 전송됩니다.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="iq_hp">휴대폰</label></th>
|
||||
<td><input type="text" name="iq_hp" id="iq_hp" value="<?php echo get_text($qa['iq_hp']); ?>" class="frm_input" size="20"> 휴대폰번호를 입력하시면 답변 등록 시 답변등록 알림이 SMS로 전송됩니다.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="iq_subject">제목</label></th>
|
||||
<td><input type="text" name="iq_subject" value="<?php echo get_text($qa['iq_subject']); ?>" id="iq_subject" required class="required frm_input" minlength="2" maxlength="250"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="iq_question">질문</label></th>
|
||||
<td><?php echo $editor_html; ?></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</li>
|
||||
<li>
|
||||
<label for="iq_email" class="sound_only">이메일</label>
|
||||
<input type="email" name="iq_email" id="iq_email" value="<?php echo get_text($qa['iq_email']); ?>" class="frm_input full_input" size="30" placeholder="이메일"> <span class="frm_info ">이메일을 입력하시면 답변 등록 시 답변이 이메일로 전송됩니다.</span>
|
||||
</li>
|
||||
<li>
|
||||
<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="휴대폰"> <span class="frm_info ">휴대폰번호를 입력하시면 답변 등록 시 답변등록 알림이 SMS로 전송됩니다.</span>
|
||||
</li>
|
||||
<li>
|
||||
<label for="iq_subject" class="sound_only">제목</label>
|
||||
<input type="text" name="iq_subject" value="<?php echo get_text($qa['iq_subject']); ?>" id="iq_subject" required class="required frm_input full_input" minlength="2" maxlength="250" placeholder="제목">
|
||||
</li>
|
||||
<li>
|
||||
<label for="iq_question" class="sound_only">질문</label>
|
||||
<?php echo $editor_html; ?>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="win_btn">
|
||||
<input type="submit" value="작성완료" class="btn_submit">
|
||||
<button type="button" onclick="self.close();">닫기</button>
|
||||
<button type="button" onclick="self.close();" class="btn_close">닫기</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@ -10,21 +10,23 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
<!-- 전체 상품 문의 목록 시작 { -->
|
||||
<form method="get" action="<?php echo $_SERVER['SCRIPT_NAME']; ?>">
|
||||
<div id="sqa_sch">
|
||||
<a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>">전체보기</a>
|
||||
<label for="sfl" class="sound_only">검색항목</label>
|
||||
<select name="sfl" required id="sfl">
|
||||
<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="sfl" class="sound_only">검색항목</label>
|
||||
<select name="sfl" required id="sfl">
|
||||
<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.it_id"); ?>>작성자명</option>
|
||||
<option value="a.mb_id" <?php echo get_selected($sfl, "a.mb_id"); ?>>작성자아이디</option>
|
||||
</select>
|
||||
|
||||
<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="required frm_input">
|
||||
<input type="submit" value="검색" class="btn_submit">
|
||||
<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>
|
||||
|
||||
@ -42,7 +44,7 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
|
||||
$is_secret = false;
|
||||
if($row['iq_secret']) {
|
||||
$iq_subject .= ' <img src="'.G5_MSHOP_SKIN_URL.'/img/icon_secret.gif" alt="비밀글">';
|
||||
$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);
|
||||
@ -63,7 +65,7 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
$iq_style = 'sit_qaa_done';
|
||||
$is_answer = true;
|
||||
} else {
|
||||
$iq_stats = '답변전';
|
||||
$iq_stats = '답변대기';
|
||||
$iq_style = 'sit_qaa_yet';
|
||||
$iq_answer = '답변이 등록되지 않았습니다.';
|
||||
$is_answer = false;
|
||||
@ -77,35 +79,36 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
<a href="<?php echo $it_href; ?>">
|
||||
<?php echo get_it_image($row['it_id'], 70, 70); ?>
|
||||
<span><?php echo $row['it_name']; ?></span>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<section class="sqa_section">
|
||||
<h2><?php echo $iq_subject; ?></h2>
|
||||
<h2><span class="<?php echo $iq_style; ?>"><?php echo $iq_stats; ?></span> <?php echo $iq_subject; ?></h2>
|
||||
|
||||
<dl class="sqa_dl">
|
||||
<dt>작성자</dt>
|
||||
<dd><?php echo get_text($row['iq_name']); ?></dd>
|
||||
<dd><i class="fa fa-user" aria-hidden="true"></i> <?php echo get_text($row['iq_name']); ?></dd>
|
||||
<dt>작성일</dt>
|
||||
<dd><?php echo substr($row['iq_time'],0,10); ?></dd>
|
||||
<dt>상태</dt>
|
||||
<dd class="<?php echo $iq_style; ?>"><?php echo $iq_stats; ?></dd>
|
||||
<dd><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo substr($row['iq_time'],2,8); ?></dd>
|
||||
</dl>
|
||||
|
||||
<div id="sqa_con_<?php echo $i; ?>" class="sqa_con" style="display:none;">
|
||||
<div class="sit_qa_qaq">
|
||||
<strong>문의내용</strong><br>
|
||||
<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>답변</strong><br>
|
||||
<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>
|
||||
|
||||
<div class="sqa_con_btn"><button class="sqa_con_<?php echo $i; ?>">보기</button></div>
|
||||
</section>
|
||||
|
||||
</li>
|
||||
@ -127,17 +130,17 @@ $(function(){
|
||||
var $con = $(this).parent().prev();
|
||||
if($con.is(":visible")) {
|
||||
$con.slideUp();
|
||||
$(this).text("보기");
|
||||
$(this).html("내용보기 <i class=\"fa fa-caret-down\" aria-hidden=\"true\"></i>");
|
||||
} else {
|
||||
$(".sqa_con_btn button").text("보기");
|
||||
$("div[id^=sqa_con]:visible").hide();
|
||||
$(".sps_con_btn button").html("내용보기 <i class=\"fa fa-caret-down\" aria-hidden=\"true\"></i>");
|
||||
$("div[id^=sps_con]:visible").hide();
|
||||
$con.slideDown(
|
||||
function() {
|
||||
// 이미지 리사이즈
|
||||
$con.viewimageresize2();
|
||||
}
|
||||
);
|
||||
$(this).text("닫기");
|
||||
$(this).html("내용닫기 <i class=\"fa fa-caret-up\" aria-hidden=\"true\"></i>");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
@ -6,7 +6,11 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
?>
|
||||
|
||||
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
|
||||
<a href="<?php echo $itemuse_form; ?>" class="qa_wr itemuse_form " onclick="return false;">사용후기 쓰기<span class="sound_only"> 새 창</span></a>
|
||||
|
||||
<div id="sit_use_wbtn">
|
||||
<a href="<?php echo $itemuse_form; ?>" class="qa_wr itemuse_form " onclick="return false;">사용후기 쓰기<span class="sound_only"> 새 창</span></a>
|
||||
<a href="<?php echo $itemuse_list; ?>" id="itemuse_list" class="btn01">더보기</a>
|
||||
</div>
|
||||
|
||||
<!-- 상품 사용후기 시작 { -->
|
||||
<div id="sit_use_list">
|
||||
@ -34,12 +38,12 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
?>
|
||||
|
||||
<li class="sit_use_li">
|
||||
<button type="button" class="sit_use_li_title"><b><?php echo $is_num; ?>.</b> <?php echo $is_subject; ?></button>
|
||||
<button type="button" class="sit_use_li_title"><?php echo $is_subject; ?></button>
|
||||
<dl class="sit_use_dl">
|
||||
<dt>작성자</dt>
|
||||
<dd><?php echo $is_name; ?></dd>
|
||||
<dt>작성일</dt>
|
||||
<dd><?php echo $is_time; ?></dd>
|
||||
<dd><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $is_time; ?></dd>
|
||||
<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; ?>개"></dd>
|
||||
</dl>
|
||||
@ -85,10 +89,6 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
echo itemuse_page($config['cf_mobile_pages'], $page, $total_page, "./itemuse.php?it_id=$it_id&page=", "");
|
||||
?>
|
||||
|
||||
<div id="sit_use_wbtn">
|
||||
<a href="<?php echo $itemuse_list; ?>" id="itemuse_list" class="btn01">더보기 +</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(function(){
|
||||
$(".itemuse_form").click(function(){
|
||||
|
||||
@ -15,60 +15,54 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
<input type="hidden" name="is_id" value="<?php echo $is_id; ?>">
|
||||
<input type="hidden" name="is_mobile_shop" value="1">
|
||||
|
||||
<div class="tbl_frm01 tbl_wrap">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col class="grid_2">
|
||||
<col>
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><label for="is_subject">제목</label></th>
|
||||
<td><input type="text" name="is_subject" value="<?php echo get_text($use['is_subject']); ?>" id="is_subject" required class="required frm_input" minlength="2" maxlength="250"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="" style="width:200px;">내용</label></th>
|
||||
<td><?php echo $editor_html; ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">평가</th>
|
||||
<td>
|
||||
<div class="form_01">
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<label for="is_subject" class="sound_only">제목</label>
|
||||
<input type="text" name="is_subject" value="<?php echo get_text($use['is_subject']); ?>" id="is_subject" required class="required frm_input" minlength="2" maxlength="250" placeholder="제목">
|
||||
</li>
|
||||
<li>
|
||||
<span class="sound_only">내용</span>
|
||||
<?php echo $editor_html; ?>
|
||||
</li>
|
||||
<li>
|
||||
<span class="sound_only">평가</span>
|
||||
<ul id="sit_use_write_star">
|
||||
<li>
|
||||
<input type="radio" name="is_score" value="5" id="is_score10" <?php echo ($is_score==5)?'checked="checked"':''; ?>>
|
||||
<label for="is_score10">매우만족</label>
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star5.png">
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star5.png" width="90">
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="is_score" value="4" id="is_score8" <?php echo ($is_score==4)?'checked="checked"':''; ?>>
|
||||
<label for="is_score8">만족</label>
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star4.png">
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star4.png" width="90">
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="is_score" value="3" id="is_score6" <?php echo ($is_score==3)?'checked="checked"':''; ?>>
|
||||
<label for="is_score6">보통</label>
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star3.png">
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star3.png" width="90">
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="is_score" value="2" id="is_score4" <?php echo ($is_score==2)?'checked="checked"':''; ?>>
|
||||
<label for="is_score4">불만</label>
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star2.png">
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star2.png" width="90">
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="is_score" value="1" id="is_score2" <?php echo ($is_score==1)?'checked="checked"':''; ?>>
|
||||
<label for="is_score2">매우불만</label>
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star1.png">
|
||||
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star1.png" width="90">
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="win_btn">
|
||||
<input type="submit" value="작성완료" class="btn_submit">
|
||||
<button type="button" onclick="self.close();">닫기</button>
|
||||
<button type="button" onclick="self.close();" class="btn_close">닫기</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
@ -10,20 +10,23 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
<!-- 전체 상품 사용후기 목록 시작 { -->
|
||||
<form method="get" action="<?php echo $_SERVER['SCRIPT_NAME']; ?>">
|
||||
<div id="sps_sch">
|
||||
<div class="sch_wr">
|
||||
<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>
|
||||
<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" size="10">
|
||||
<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>
|
||||
<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>
|
||||
<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="required frm_input" size="10">
|
||||
<input type="submit" value="검색" class="btn_submit">
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@ -59,53 +62,54 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
<h2><?php echo get_text($row['is_subject']); ?></h2>
|
||||
|
||||
<dl class="sps_dl">
|
||||
<dt>작성자</dt>
|
||||
<dd><?php echo get_text($row['is_name']); ?></dd>
|
||||
<dt>작성일</dt>
|
||||
<dd><?php echo substr($row['is_time'],0,10); ?></dd>
|
||||
<dt>평가점수</dt>
|
||||
<dd><img src="<?php echo G5_SHOP_URL; ?>/img/s_star<?php echo $star; ?>.png" alt="별<?php echo $star; ?>개"></dd>
|
||||
<dd class="sps_star"><img src="<?php echo G5_SHOP_URL; ?>/img/s_star<?php echo $star; ?>.png" alt="별<?php echo $star; ?>개" width="80"></dd>
|
||||
<dt>작성자</dt>
|
||||
<dd><i class="fa fa-user" aria-hidden="true"></i> <?php echo get_text($row['is_name']); ?></dd>
|
||||
<dt>작성일</dt>
|
||||
<dd><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo substr($row['is_time'],2,8); ?></dd>
|
||||
|
||||
</dl>
|
||||
|
||||
<div id="sps_con_<?php echo $i; ?>" style="display:none;">
|
||||
<?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">
|
||||
<div class="sps_img">
|
||||
<a href="<?php echo $it_href; ?>">
|
||||
<?php echo get_itemuselist_thumbnail($row['it_id'], $row['is_reply_content'], 50, 50); ?>
|
||||
<span><?php echo $row2['it_name']; ?></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<section class="sps_section">
|
||||
<h2 class="is_use_reply"><?php echo get_text($row['is_reply_subject']); ?></h2>
|
||||
|
||||
<dl class="sps_dl">
|
||||
<dt>작성자</dt>
|
||||
<dd><?php echo $row['is_reply_name']; ?></dd>
|
||||
</dl>
|
||||
|
||||
<div id="sps_con_<?php echo $i; ?>_reply" style="display:none;">
|
||||
<?php echo $is_reply_content; // 사용후기 답변 내용 ?>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
<?php } //end if ?>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="sps_con_btn"><button class="sps_con_<?php echo $i; ?>">보기</button></div>
|
||||
<div class="sps_con_btn"><button class="sps_con_<?php echo $i; ?>">내용보기 <i class="fa fa-caret-down" aria-hidden="true"></i></button></div>
|
||||
</section>
|
||||
|
||||
</li>
|
||||
|
||||
<?php
|
||||
if( !empty($row['is_reply_subject']) ){ //사용후기 답변이 있다면
|
||||
$is_reply_content = get_view_thumbnail(conv_content($row['is_reply_content'], 1), $thumbnail_width);
|
||||
?>
|
||||
<li class="sps_reply">
|
||||
<div class="sps_img">
|
||||
<a href="<?php echo $it_href; ?>">
|
||||
<?php echo get_itemuselist_thumbnail($row['it_id'], $row['is_reply_content'], 50, 50); ?>
|
||||
<span><?php echo $row2['it_name']; ?></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="sps_section">
|
||||
<h2 class="is_use_reply"><?php echo get_text($row['is_reply_subject']); ?></h2>
|
||||
|
||||
<dl class="sps_dl">
|
||||
<dt>작성자</dt>
|
||||
<dd><?php echo $row['is_reply_name']; ?></dd>
|
||||
</dl>
|
||||
|
||||
<div id="sps_con_<?php echo $i; ?>_reply" style="display:none;">
|
||||
<?php echo $is_reply_content; // 사용후기 답변 내용 ?>
|
||||
</div>
|
||||
|
||||
<div class="sps_con_btn"><button class="sps_con_<?php echo $i; ?>_reply">보기</button></div>
|
||||
</section>
|
||||
</li>
|
||||
<?php } //end if ?>
|
||||
|
||||
|
||||
<?php }
|
||||
if ($i > 0) echo '</ol>';
|
||||
if ($i == 0) echo '<p id="sps_empty">자료가 없습니다.</p>';
|
||||
@ -121,9 +125,9 @@ $(function(){
|
||||
var $con = $(this).parent().prev();
|
||||
if($con.is(":visible")) {
|
||||
$con.slideUp();
|
||||
$(this).text("보기");
|
||||
$(this).html("내용보기 <i class=\"fa fa-caret-down\" aria-hidden=\"true\"></i>");
|
||||
} else {
|
||||
$(".sps_con_btn button").text("보기");
|
||||
$(".sps_con_btn button").html("내용보기 <i class=\"fa fa-caret-down\" aria-hidden=\"true\"></i>");
|
||||
$("div[id^=sps_con]:visible").hide();
|
||||
$con.slideDown(
|
||||
function() {
|
||||
@ -131,7 +135,7 @@ $(function(){
|
||||
$con.viewimageresize2();
|
||||
}
|
||||
);
|
||||
$(this).text("닫기");
|
||||
$(this).html("내용닫기 <i class=\"fa fa-caret-up\" aria-hidden=\"true\"></i>");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
@ -46,7 +46,7 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">',
|
||||
?>
|
||||
|
||||
<div class="win_btn">
|
||||
<button type="button" onclick="javascript:window.close();">창닫기</button>
|
||||
<button type="button" onclick="javascript:window.close();" class="btn_close">창닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0);
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<?php if($config['cf_kakao_js_apikey']) { ?>
|
||||
@ -14,7 +14,7 @@ add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0
|
||||
</script>
|
||||
<?php } ?>
|
||||
|
||||
<!-- 상품진열 10 시작 { -->
|
||||
<!-- 메인상품진열 10 시작 { -->
|
||||
<?php
|
||||
$li_width = intval(100 / $this->list_mod);
|
||||
$li_width_style = ' style="width:'.$li_width.'%;"';
|
||||
@ -33,10 +33,10 @@ for ($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
else
|
||||
$li_clear = '';
|
||||
|
||||
echo "<li class=\"sct_li{$li_clear}\"$li_width_style>\n";
|
||||
echo "<li class=\"sct_li{$li_clear}\"$li_width_style><div class=\"li_wr\">\n";
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_img\"><a href=\"{$this->href}{$row['it_id']}\" class=\"sct_a\">\n";
|
||||
echo "<div class=\"sct_img\"><a href=\"{$this->href}{$row['it_id']}\">\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_img) {
|
||||
@ -70,7 +70,19 @@ for ($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
echo "</div>\n";
|
||||
}
|
||||
|
||||
echo "</li>\n";
|
||||
if ($this->view_sns) {
|
||||
$sns_top = $this->img_height + 10;
|
||||
$sns_url = G5_SHOP_URL.'/item.php?it_id='.$row['it_id'];
|
||||
$sns_title = get_text($row['it_name']).' | '.get_text($config['cf_title']);
|
||||
echo "<div class=\"sct_sns\" style=\"top:{$sns_top}px\">";
|
||||
echo get_sns_share_link('facebook', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/facebook.png');
|
||||
echo get_sns_share_link('twitter', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/twitter.png');
|
||||
echo get_sns_share_link('googleplus', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/gplus.png');
|
||||
echo get_sns_share_link('kakaotalk', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/sns_kakao.png');
|
||||
echo "</div>\n";
|
||||
}
|
||||
|
||||
echo "</div></li>\n";
|
||||
}
|
||||
|
||||
if ($i > 0) echo "</ul>\n";
|
||||
|
||||
@ -40,7 +40,7 @@ if($this->total_count > 0) {
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo '</a><span class="best_icon">베스트상품</span></div>'.PHP_EOL;
|
||||
echo '</a><span class="best_icon">BEST</span></div>'.PHP_EOL;
|
||||
}
|
||||
|
||||
if ($this->view_it_id) {
|
||||
|
||||
@ -11,17 +11,29 @@ if($skin)
|
||||
$sct_sort_href .= '&sort=';
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0);
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 상품 정렬 선택 시작 { -->
|
||||
<section id="sct_sort">
|
||||
<h2>상품 정렬</h2>
|
||||
|
||||
<button type="button" class="btn_sort"><i class="fa fa-arrows-v" aria-hidden="true"></i> 상품정렬</button>
|
||||
<ul>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_price&sortodr=asc" class="btn01">낮은가격순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_price&sortodr=desc" class="btn01">높은가격순</a></li>
|
||||
<li><a href="<?php echo $sct_sort_href; ?>it_name&sortodr=asc" class="btn01">상품명순</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_name&sortodr=asc">상품명순</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
<!-- } 상품 정렬 선택 끝 -->
|
||||
<!-- } 상품 정렬 선택 끝 -->
|
||||
|
||||
<script>
|
||||
$(".btn_sort").click(function(){
|
||||
$("#sct_sort ul").show();
|
||||
});
|
||||
$(document).mouseup(function (e){
|
||||
var container = $("#sct_sort ul");
|
||||
if( container.has(e.target).length === 0)
|
||||
container.hide();
|
||||
});
|
||||
|
||||
</script>
|
||||
12
theme/basic/mobile/skin/shop/basic/list.sub.skin.php
Normal file
12
theme/basic/mobile/skin/shop/basic/list.sub.skin.php
Normal file
@ -0,0 +1,12 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<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>
|
||||
|
||||
@ -14,7 +14,7 @@ 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="./list.php?ca_id='.$row['ca_id'].'">'.$row['ca_name'].' ('.$row2['cnt'].')</a></li>';
|
||||
$str .= '<li><a href="./list.php?ca_id='.$row['ca_id'].'">'.$row['ca_name'].' <span class="prd_cnt">'.$row2['cnt'].'</span></a></li>';
|
||||
$exists = true;
|
||||
}
|
||||
|
||||
|
||||
@ -2,10 +2,9 @@
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
//add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">', 0);
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<script src="<?php echo G5_JS_URL ?>/jquery.fancylist.js"></script>
|
||||
<?php if($config['cf_kakao_js_apikey']) { ?>
|
||||
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
|
||||
<script src="<?php echo G5_JS_URL; ?>/kakaolink.js"></script>
|
||||
@ -15,7 +14,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
</script>
|
||||
<?php } ?>
|
||||
|
||||
<!-- 상품진열 10 시작 { -->
|
||||
<!-- 메인상품진열 10 시작 { -->
|
||||
<?php
|
||||
$li_width = intval(100 / $this->list_mod);
|
||||
$li_width_style = ' style="width:'.$li_width.'%;"';
|
||||
@ -23,9 +22,9 @@ $li_width_style = ' style="width:'.$li_width.'%;"';
|
||||
for ($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
if ($i == 0) {
|
||||
if ($this->css) {
|
||||
echo "<ul id=\"sct_wrap\" class=\"{$this->css}\">\n";
|
||||
echo "<ul class=\"{$this->css}\">\n";
|
||||
} else {
|
||||
echo "<ul id=\"sct_wrap\" class=\"sct sct_10\">\n";
|
||||
echo "<ul class=\"sct sct_10\">\n";
|
||||
}
|
||||
}
|
||||
|
||||
@ -34,10 +33,10 @@ for ($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
else
|
||||
$li_clear = '';
|
||||
|
||||
echo "<li class=\"sct_li{$li_clear}\"$li_width_style>\n";
|
||||
echo "<li class=\"sct_li{$li_clear}\"$li_width_style><div class=\"li_wr\">\n";
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_img\"><a href=\"{$this->href}{$row['it_id']}\" class=\"sct_a\">\n";
|
||||
echo "<div class=\"sct_img\"><a href=\"{$this->href}{$row['it_id']}\">\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_img) {
|
||||
@ -71,7 +70,23 @@ for ($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
echo "</div>\n";
|
||||
}
|
||||
|
||||
echo "</li>\n";
|
||||
if ($this->view_it_icon) {
|
||||
echo "<div class=\"sct_icon\">".item_icon($row)."</div>\n";
|
||||
}
|
||||
|
||||
if ($this->view_sns) {
|
||||
$sns_top = $this->img_height + 10;
|
||||
$sns_url = G5_SHOP_URL.'/item.php?it_id='.$row['it_id'];
|
||||
$sns_title = get_text($row['it_name']).' | '.get_text($config['cf_title']);
|
||||
echo "<div class=\"sct_sns\" style=\"top:{$sns_top}px\">";
|
||||
echo get_sns_share_link('facebook', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/facebook.png');
|
||||
echo get_sns_share_link('twitter', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/twitter.png');
|
||||
echo get_sns_share_link('googleplus', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/gplus.png');
|
||||
echo get_sns_share_link('kakaotalk', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/sns_kakao.png');
|
||||
echo "</div>\n";
|
||||
}
|
||||
|
||||
echo "</div></li>\n";
|
||||
}
|
||||
|
||||
if ($i > 0) echo "</ul>\n";
|
||||
|
||||
98
theme/basic/mobile/skin/shop/basic/main.20.skin.php
Normal file
98
theme/basic/mobile/skin/shop/basic/main.20.skin.php
Normal file
@ -0,0 +1,98 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
//add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<script src="<?php echo G5_JS_URL ?>/jquery.fancylist.js"></script>
|
||||
<?php if($config['cf_kakao_js_apikey']) { ?>
|
||||
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
|
||||
<script src="<?php echo G5_JS_URL; ?>/kakaolink.js"></script>
|
||||
<script>
|
||||
// 사용할 앱의 Javascript 키를 설정해 주세요.
|
||||
Kakao.init("<?php echo $config['cf_kakao_js_apikey']; ?>");
|
||||
</script>
|
||||
<?php } ?>
|
||||
|
||||
<!-- 메인상품진열 10 시작 { -->
|
||||
<?php
|
||||
$li_width = intval(100 / $this->list_mod);
|
||||
$li_width_style = ' style="width:'.$li_width.'%;"';
|
||||
|
||||
for ($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
if ($i == 0) {
|
||||
if ($this->css) {
|
||||
echo "<ul class=\"{$this->css}\">\n";
|
||||
} else {
|
||||
echo "<ul class=\"sct sct_20\">\n";
|
||||
}
|
||||
}
|
||||
|
||||
if($i % $this->list_mod == 0)
|
||||
$li_clear = ' sct_clear';
|
||||
else
|
||||
$li_clear = '';
|
||||
|
||||
echo "<li class=\"sct_li{$li_clear}\">\n";
|
||||
echo "<div class=\"li_wr\" style=\"padding-left:{$this->img_width}px;height:{$this->img_height}px\">\n";
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_img\"><a href=\"{$this->href}{$row['it_id']}\">\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_img) {
|
||||
echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "</a></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=\"{$this->href}{$row['it_id']}\" 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_price) {
|
||||
echo "<div class=\"sct_cost\">\n";
|
||||
echo display_price(get_price($row), $row['it_tel_inq'])."\n";
|
||||
echo "</div>\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_icon) {
|
||||
echo "<div class=\"sct_icon\">".item_icon($row)."</div>\n";
|
||||
}
|
||||
|
||||
if ($this->view_sns) {
|
||||
$sns_top = $this->img_height + 10;
|
||||
$sns_url = G5_SHOP_URL.'/item.php?it_id='.$row['it_id'];
|
||||
$sns_title = get_text($row['it_name']).' | '.get_text($config['cf_title']);
|
||||
echo "<div class=\"sct_sns\" style=\"top:{$sns_top}px\">";
|
||||
echo get_sns_share_link('facebook', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/facebook.png');
|
||||
echo get_sns_share_link('twitter', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/twitter.png');
|
||||
echo get_sns_share_link('googleplus', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/gplus.png');
|
||||
echo get_sns_share_link('kakaotalk', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/sns_kakao.png');
|
||||
echo "</div>\n";
|
||||
}
|
||||
echo "</div>\n";
|
||||
echo "</li>\n";
|
||||
}
|
||||
|
||||
if ($i > 0) echo "</ul>\n";
|
||||
|
||||
if($i == 0) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
|
||||
?>
|
||||
<!-- } 상품진열 10 끝 -->
|
||||
98
theme/basic/mobile/skin/shop/basic/main.30.skin.php
Normal file
98
theme/basic/mobile/skin/shop/basic/main.30.skin.php
Normal file
@ -0,0 +1,98 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
//add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<script src="<?php echo G5_JS_URL ?>/jquery.fancylist.js"></script>
|
||||
<?php if($config['cf_kakao_js_apikey']) { ?>
|
||||
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
|
||||
<script src="<?php echo G5_JS_URL; ?>/kakaolink.js"></script>
|
||||
<script>
|
||||
// 사용할 앱의 Javascript 키를 설정해 주세요.
|
||||
Kakao.init("<?php echo $config['cf_kakao_js_apikey']; ?>");
|
||||
</script>
|
||||
<?php } ?>
|
||||
|
||||
<!-- 메인상품진열 10 시작 { -->
|
||||
<?php
|
||||
$li_width = intval(100 / $this->list_mod);
|
||||
$li_width_style = ' style="width:'.$li_width.'%;"';
|
||||
|
||||
for ($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
if ($i == 0) {
|
||||
if ($this->css) {
|
||||
echo "<ul class=\"{$this->css}\">\n";
|
||||
} else {
|
||||
echo "<ul class=\"sct sct_30\">\n";
|
||||
}
|
||||
}
|
||||
|
||||
if($i % $this->list_mod == 0)
|
||||
$li_clear = ' sct_clear';
|
||||
else
|
||||
$li_clear = '';
|
||||
|
||||
echo "<li class=\"sct_li{$li_clear}\">\n";
|
||||
echo "<div class=\"li_wr\">\n";
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_img\"><a href=\"{$this->href}{$row['it_id']}\">\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_img) {
|
||||
echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "</a></div>\n";
|
||||
}
|
||||
|
||||
echo "<div class=\"sct_txt_wr\">\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=\"{$this->href}{$row['it_id']}\" 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_price) {
|
||||
echo "<div class=\"sct_cost\">\n";
|
||||
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 = G5_SHOP_URL.'/item.php?it_id='.$row['it_id'];
|
||||
$sns_title = get_text($row['it_name']).' | '.get_text($config['cf_title']);
|
||||
echo "<div class=\"sct_sns\" style=\"top:{$sns_top}px\">";
|
||||
echo get_sns_share_link('facebook', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/facebook.png');
|
||||
echo get_sns_share_link('twitter', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/twitter.png');
|
||||
echo get_sns_share_link('googleplus', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/gplus.png');
|
||||
echo get_sns_share_link('kakaotalk', $sns_url, $sns_title, G5_MSHOP_SKIN_URL.'/img/sns_kakao.png');
|
||||
echo "</div>\n";
|
||||
}
|
||||
echo "</div>\n";
|
||||
|
||||
echo "</div>\n";
|
||||
|
||||
echo "</li>\n";
|
||||
}
|
||||
|
||||
if ($i > 0) echo "</ul>\n";
|
||||
|
||||
if($i == 0) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
|
||||
?>
|
||||
<!-- } 상품진열 10 끝 -->
|
||||
@ -8,14 +8,11 @@ $hresult = sql_query($hsql);
|
||||
if(sql_num_rows($hresult)) {
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">', 0);
|
||||
add_javascript('<script src="'.G5_JS_URL.'/jquery.bxslider.js"></script>', 10);
|
||||
?>
|
||||
<div class="sct_wrap">
|
||||
<header>
|
||||
<h2>EVENT</h2>
|
||||
<p class="sct_wrap_hdesc"><?php echo $config['cf_title']; ?> 이벤트 모음</p>
|
||||
</header>
|
||||
|
||||
<ul id="sev">
|
||||
<div id="sev">
|
||||
<h2>이벤트</h2>
|
||||
<ul class="sev_slide">
|
||||
<?php
|
||||
for ($i=0; $row=sql_fetch_array($hresult); $i++)
|
||||
{
|
||||
@ -43,6 +40,27 @@ if(sql_num_rows($hresult)) {
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('.sev_slide').bxSlider({
|
||||
speed:800,
|
||||
slideWidth: 320,
|
||||
pager:true,
|
||||
controls:false,
|
||||
minSlides:1,
|
||||
maxSlides: 4,
|
||||
slideMargin: 5,
|
||||
onSliderLoad: function(){
|
||||
$(".sev_slide").css("visibility", "visible");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
?>
|
||||
|
||||
|
||||
@ -3,17 +3,18 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">', 0);
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_JS_URL.'/swiper/swiper.min.css">', 0);
|
||||
add_javascript('<script src="'.G5_JS_URL.'/swiper/swiper.min.js"></script>', 10);
|
||||
?>
|
||||
|
||||
<?php
|
||||
$max_width = $max_height = 0;
|
||||
$bn_first_class = ' class="bn_first"';
|
||||
$bn_slide_btn = '';
|
||||
$bn_sl = ' class="bn_sl"';
|
||||
|
||||
for ($i=0; $row=sql_fetch_array($result); $i++)
|
||||
{
|
||||
if ($i==0) echo '<div id="main_bn" class="swipe">'.PHP_EOL.'<ul class="slide-wrap bn_img">'.PHP_EOL;
|
||||
if ($i==0) echo '<div id="main_bn" class="swiper-container">'.PHP_EOL.'<div class="swiper-wrapper">'.PHP_EOL;
|
||||
//print_r2($row);
|
||||
// 테두리 있는지
|
||||
$bn_border = ($row['bn_border']) ? ' class="sbn_border"' : '';;
|
||||
@ -35,7 +36,7 @@ for ($i=0; $row=sql_fetch_array($result); $i++)
|
||||
if($max_height < $size[1])
|
||||
$max_height = $size[1];
|
||||
|
||||
echo '<li'.$bn_first_class.'>'.PHP_EOL;
|
||||
echo '<div class="swiper-slide">'.PHP_EOL;
|
||||
if ($row['bn_url'][0] == '#')
|
||||
$banner .= '<a href="'.$row['bn_url'].'">';
|
||||
else if ($row['bn_url'] && $row['bn_url'] != 'http://') {
|
||||
@ -44,29 +45,28 @@ for ($i=0; $row=sql_fetch_array($result); $i++)
|
||||
echo $banner.'<img src="'.G5_DATA_URL.'/banner/'.$row['bn_id'].'" width="'.$size[0].'" alt="'.$row['bn_alt'].'"'.$bn_border.'>';
|
||||
if($banner)
|
||||
echo '</a>'.PHP_EOL;
|
||||
echo '</li>'.PHP_EOL;
|
||||
echo '</div>'.PHP_EOL;
|
||||
|
||||
$bn_first_class = '';
|
||||
$bn_slide_btn .= '<button type="button"'.$bn_sl.'>'.$row['bn_alt'].' 배너이미지</button>'.PHP_EOL;
|
||||
$bn_sl = '';
|
||||
}
|
||||
}
|
||||
|
||||
if ($i > 0) {
|
||||
echo '</ul>'.PHP_EOL;
|
||||
echo '<div class="bn_silde_btn">'.$bn_slide_btn.'</div>'.PHP_EOL;
|
||||
echo '</div>'.PHP_EOL;
|
||||
|
||||
echo '<div class="swiper-pagination"></div>'.PHP_EOL;
|
||||
|
||||
echo '</div>'.PHP_EOL;
|
||||
?>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$("#main_bn").bannerSlide({
|
||||
wrap: ".slide-wrap",
|
||||
slides: ".slide-wrap > li",
|
||||
buttons: ".bn_silde_btn > button",
|
||||
btnActive: "bn_sl",
|
||||
startSlide: 0,
|
||||
auto: 0
|
||||
jQuery(function($){
|
||||
var swiper = new Swiper('#main_bn', {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0,
|
||||
loop: true,
|
||||
autoplay: {delay: 100000, disableOnInteraction:false},
|
||||
pagination: {el: '.swiper-pagination', clickable: true}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
@ -25,7 +25,7 @@ for ($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
if ($this->css) {
|
||||
echo "<ul id=\"sct_wrap\" class=\"{$this->css}\">\n";
|
||||
} else {
|
||||
echo "<ul id=\"sct_wrap\" class=\"sct sct_10\">\n";
|
||||
echo "<ul id=\"sct_wrap\" class=\"srl_10\">\n";
|
||||
}
|
||||
}
|
||||
|
||||
@ -37,7 +37,7 @@ for ($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
echo "<li class=\"sct_li{$li_clear}\"$li_width_style>\n";
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_img\"><a href=\"{$this->href}{$row['it_id']}\" class=\"sct_a\">\n";
|
||||
echo "<div class=\"sct_img\"><a href=\"{$this->href}{$row['it_id']}\">\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_img) {
|
||||
@ -54,7 +54,7 @@ for ($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "<div class=\"sct_txt\"><a href=\"{$this->href}{$row['it_id']}\" class=\"sct_a\">\n";
|
||||
echo "<a href=\"{$this->href}{$row['it_id']}\" class=\"sct_txt\">\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_name) {
|
||||
@ -62,7 +62,7 @@ for ($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
}
|
||||
|
||||
if ($this->href) {
|
||||
echo "</a></div>\n";
|
||||
echo "</a>\n";
|
||||
}
|
||||
|
||||
if ($this->view_it_price) {
|
||||
|
||||
@ -14,6 +14,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
<strong>검색범위</strong>
|
||||
<input type="checkbox" name="qname" id="ssch_qname" <?php echo $qname_check?'checked="checked"':'';?>> <label for="ssch_qname">상품명</label>
|
||||
<input type="checkbox" name="qexplan" id="ssch_qexplan" <?php echo $qexplan_check?'checked="checked"':'';?>> <label for="ssch_qexplan"><span class="sound_only">상품</span>설명</label>
|
||||
<input type="checkbox" name="qbasic" id="ssch_qbasic" value="1" <?php echo $qbasic_check?'checked="checked"':'';?>> <label for="ssch_qbasic">기본설명</label>
|
||||
<input type="checkbox" name="qid" id="ssch_qid" <?php echo $qid_check?'checked="checked"':'';?>> <label for="ssch_qid"><span class="sound_only">상품</span>코드</label>
|
||||
<input type="checkbox" name="qbasic" id="ssch_qbasic" value="1" <?php echo $qbasic_check?'checked="checked"':'';?>> <label for="ssch_qbasic">기본설명</label><br>
|
||||
</div>
|
||||
|
||||
@ -1,58 +1,149 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 오늘 본 상품 */
|
||||
#stv{position:relative;}
|
||||
#stv h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#stv_ul{padding:10px 0}
|
||||
#stv_ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#stv_ul li{float:left;width:33.333%}
|
||||
#stv_ul li img{width:100%;height:auto}
|
||||
#stv_pg {display:block;text-align:center;margin: 0;line-height:20px}
|
||||
.stv_item {display:none;padding: 3px;word-break:break-all}
|
||||
#stv_btn{position:relative}
|
||||
#up{position:absolute;top:0px;left:5px;background:url(img/btn_prev.gif) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
|
||||
#down{position:absolute;top:0px;right:5px;background:url(img/btn_next.gif) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
|
||||
#stv .li_empty{text-align:center;padding:50px 0;color:#666;}
|
||||
|
||||
/*메인배너*/
|
||||
#main_bn{position:relative;}
|
||||
#main_bn img{width:100%;height:auto}
|
||||
#main_bn .bx-prev{position:absolute;top:50%;z-index:10;left:0;margin-top:-20px;background:url(img/btn_prev.png) no-repeat 50% 50%;width:40px;height:40px;background-size:50%;text-indent:-999px;overflow:hidden;opacity:0.6}
|
||||
#main_bn .bx-next{position:absolute;top:50%;z-index:10;right:0;margin-top:-20px;background:url(img/btn_next.png) no-repeat 50% 50%;width:40px;height:40px;background-size:50%;text-indent:-999px;overflow:hidden;opacity:0.6}
|
||||
#main_bn .swiper-pagination-bullet{display:inline-block;margin:2px;opacity:1;width:10px;height:10px;background:#fff;border-radius:5px;text-indent:-999px;overflow:hidden;
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
|
||||
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
|
||||
#main_bn .swiper-pagination-bullet-active{background:#555;width:18px}
|
||||
|
||||
/*사이드배너*/
|
||||
#sbn_side{margin: 5px}
|
||||
#sbn_side h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sbn_side ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sbn_side img{width:100%;height:auto}
|
||||
#sbn_side li{float:left;width:50%;padding:5px}
|
||||
|
||||
/* 쇼핑몰 이벤트 */
|
||||
#sev {text-align:center;margin:10px}
|
||||
#sev .bx-wrapper{;position:relative}
|
||||
#sev h2 {text-align:center;font-size:1.25em;display:inline-block;padding-bottom:5px;margin: 0 0 10px;border-bottom:2px solid #000;}
|
||||
#sev li img{width:100%}
|
||||
.sev_admin{margin:10px;text-align:right}
|
||||
.sev_admin .btn_admin{line-height:30px;padding:0 10px}
|
||||
#sev .bx-pager-item{display:inline-block;margin:2px}
|
||||
#sev .bx-pager-link{display:inline-block;width:10px;height:10px;background:#fff;border-radius:5px;text-indent:-999px;overflow:hidden;
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
|
||||
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
|
||||
#sev .active{background:#555;width:18px}
|
||||
#sev_list{margin:10px}
|
||||
#sev_list #sct_sort{background:#fff}
|
||||
|
||||
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
|
||||
/* 공통 */
|
||||
.sct_wrap {margin:0 0 30px;zoom:1}
|
||||
.sct_wrap {margin:10px 10px 30px;zoom:1}
|
||||
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sct_wrap header {margin:0 0 20px;zoom:1}
|
||||
.sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sct_wrap h2 {padding:10px 0 0;line-height:1em;text-align:center;font-weight:bold; letter-spacing:0.3em}
|
||||
.sct_wrap h2 a {text-decoration:none}
|
||||
.sct_wrap h2 a:hover{color:#34b5a1}
|
||||
.sct_wrap_hdesc {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
.sct_wrap h2 {text-align:center;font-size:1.25em;margin:40px 0 0 }
|
||||
.sct_wrap h2 a {display:inline-block;padding-bottom:5px;border-bottom:2px solid #000;text-decoration:none;}
|
||||
|
||||
.sct {margin:10px 5px 0 ;padding:0;list-style:none;zoom:1;clear:both;}
|
||||
.sct {margin: 10px 0 ;padding:0;list-style:none;zoom:1;clear:both;}
|
||||
.sct:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sct_li {position:relative;text-align:center}
|
||||
.sct_noitem {padding:50px 0;text-align:center}
|
||||
.sct_icon img {margin:0 1px 0 0}
|
||||
.sct_sns a {display:inline-block;margin:0 4px 0 0}
|
||||
.sct_sns a {display:inline-block;margin:0 2px;width:28px;height:28px;line-height:28px;border-radius:3px;font-size:0;text-align:center}
|
||||
.share-facebook{background:#415b92}
|
||||
.share-twitter{background:#35b3dc}
|
||||
.share-googleplus{background:#d5503a}
|
||||
.share-kakaotalk{background:#ffeb00}
|
||||
.sct_sns img{width:20px;height:auto;vertical-align:middle;}
|
||||
.sct_sns button {margin:0 4px 0 0;padding:0;border:0}
|
||||
.sct_icon .shop_icon{display: inline-block;color: #fff;background: #a8aab1;line-height: 20px;padding: 0 5px;font-size: 0.92em;margin: 1px;}
|
||||
.sct_icon .shop_icon_soldout {display: inline-block;color: #ff0000;font-style: italic;font-weight: bold;margin: 2px;}
|
||||
|
||||
.mli_btn button{background:url(img/mainlist_btn.gif) no-repeat; width:30px; height:30px;border:none;text-indent:-9999px}
|
||||
.mli_btn button.mli_pre{position:absolute;top:0;left:10px}
|
||||
.mli_btn button.mli_next{background-position: -33px 0;position:absolute;top:0;right:10px}
|
||||
|
||||
/* 상품 목록 스킨 10 */
|
||||
.sct_10 .sct_li {position:relative;float:left;margin-bottom:10px}
|
||||
.sct_10 .sct_last {margin:0 0 15px !important}
|
||||
.sct_10 .sct_clear {clear:both;}
|
||||
.sct_10 .sct_a {display:block;text-decoration:none;font-weight:bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;line-height:20px}
|
||||
.sct_10 .sct_a img{width:100%;height:auto}
|
||||
.sct_10 .sct_id {display:block;margin:0 0 5px}
|
||||
.sct_10 .sct_basic {margin:0 0 10px}
|
||||
.sct_10 .sct_cost {display:block;margin:0 0 5px;font-size:0.917em}
|
||||
.sct_10 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
|
||||
.sct_10 .sct_icon {margin:0 0 10px}
|
||||
.sct_10 .sct_sns {margin:15px 0 0}
|
||||
.sct_10 .sct_img{margin:0 5px 5px ;}
|
||||
.sct_10{margin:10px -5px}
|
||||
.sct_10 .sct_li {;float:left;text-align:center;padding:5px ;margin-bottom:10px;}
|
||||
.sct_10 .sct_li .li_wr{position:relative;background:#fff;border:1px solid #ddd;padding-bottom:5px}
|
||||
.sct_10 .sct_img{margin-bottom:10px;border-bottom:1px solid #ddd;font-size:0}
|
||||
.sct_10 .sct_img img{width:100%;height:auto;}
|
||||
.sct_10 .sct_clear{clear:both}
|
||||
.sct_10 .sct_id{margin:5px 10px;font-size:0.92em;color:#666 }
|
||||
.sct_10 .sct_txt{font-weight:bold;font-size:1.083em;margin:5px 10px;line-height:1.3em}
|
||||
.sct_10 .sct_cost{margin:5px 10px }
|
||||
.sct_10 .sct_sns{margin:10px 5px}
|
||||
.sct_10 .sct_icon {margin:5px 10px }
|
||||
.sct_10 .sct_icon .shop_icon_4{padding: 0 5px;line-height:20px;position: absolute;top: 0;left: 0;background: #fb5861;color: #fff;font-size: 12px;border:0}
|
||||
.li_more{text-align:center}
|
||||
.li_more img{width:30px;margin:5px 0}
|
||||
.li_more p{color:#aaa;margin-top:5px;display:none;}
|
||||
.li_more button{background:#fff;border:3px double #e9e9e9;width:205px;padding:8px 0 ;font-size:0.917em;color:#797979;margin-top:15px}
|
||||
|
||||
#item_load_msg{display:none}
|
||||
#btn_more_item{height: 43px;width:100%;border:1px solid #c8c8c8;border-bottom-color:#aaa;font-size:1.167em;color: #282828;line-height: 43px;background:none}
|
||||
|
||||
/* 상품 목록 스킨 20 */
|
||||
.sct_20 .sct_li{background:#fff;border-bottom:1px solid #e6e6e6;width:100%;padding:10px;text-align:left}
|
||||
.sct_20 .sct_img {position:absolute;top:0;left:0}
|
||||
.sct_20 .li_wr{position:relative}
|
||||
.sct_20 .sct_id{margin:0px 10px 5px;font-size:0.92em;color:#666 }
|
||||
.sct_20 .sct_txt{font-weight:bold;font-size:1.083em;margin:0px 10px 5px;line-height:1.5em}
|
||||
.sct_20 .sct_cost{margin:5px 10px}
|
||||
.sct_20 .sct_sns{margin:10px 10px}
|
||||
|
||||
/* 상품 목록 스킨 30 */
|
||||
.sct_30 .sct_li{;width:100%;margin:5px 0; text-align:left;width:100%;float:left}
|
||||
.sct_30 .sct_img img{width:100%;height:auto}
|
||||
.sct_30 .sct_img{border-bottom:1px solid #e6e6e6;font-size:0}
|
||||
.sct_30 .sct_txt_wr{padding:10px;border-bottom:1px solid #ddd;background:#fff}
|
||||
.sct_30 .sct_id{margin:5px 0;font-size:0.92em;color:#666 }
|
||||
.sct_30 .sct_txt{font-weight:bold;font-size:1.083em;margin:5px 0;line-height:1.5em}
|
||||
.sct_30 .sct_cost{margin:5px 0}
|
||||
|
||||
@media (max-width:639px){
|
||||
.sct_30 .sct_clear{clear:both}
|
||||
}
|
||||
@media (min-width: 640px)and (max-width:969px){
|
||||
.sct_30 .sct_li{width:50%;padding:0 5px}
|
||||
.sct_30 .sct_li:nth-child(2n+1){clear:both}
|
||||
}
|
||||
@media (min-width: 970px){
|
||||
.sct_30 .sct_li{width:25%;padding:0 5px}
|
||||
.sct_30 .sct_li:nth-child(4n+1){clear:both}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* 관련상품 목록 스킨 10 */
|
||||
#sit_rel h2{text-align:center;margin:20px 0;letter-spacing:0.3em}
|
||||
#sit_rel{background:#fff;margin:20px 0}
|
||||
#sit_rel h2{text-align:left;padding:10px 15px;font-size:1.167em;background:#f5f5f5;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;}
|
||||
#sit_rel .sct_wrap{margin:0}
|
||||
.srl_10{padding:10px }
|
||||
.srl_10:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.srl_10 li{float:left;width:33.333%;padding:5px;text-align:left}
|
||||
.srl_10 li img{width:100%;height:auto;}
|
||||
.srl_10 .sct_clear{clear:both}
|
||||
.srl_10 .sct_txt{display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
|
||||
|
||||
/* 베스트상품 스킨 10 */
|
||||
#best_item{border-bottom:1px solid #e9e9e9;padding:20px 0 10px 5px;overflow:hidden;position:relative}
|
||||
#best_item{margin:20px 0 ;overflow:hidden;position:relative}
|
||||
#best_item h2{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#best_item #sbest_list{width:100%;overflow:hidden;}
|
||||
#best_item .slide-wrap{margin:0px;overflow:hidden;position:relative;top:0;left:0;float:left;}
|
||||
#best_item .slide-wrap:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#best_item .sct_best{width:100%;position:relative;padding:0;float:left;}
|
||||
#best_item .best_on{}
|
||||
.sct_best .sct_li {position:relative;float:left;}
|
||||
.sct_best .sct_li {position:relative;float:left}
|
||||
.sct_best .sct_last {margin:0 0 15px !important}
|
||||
.sct_best .sct_clear {clear:both;margin-left:0}
|
||||
.sct_best .sct_a {display:block;position:relative;text-decoration:none;font-weight:bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
|
||||
@ -64,16 +155,20 @@
|
||||
.sct_best .sct_icon {margin:0 0 10px}
|
||||
.sct_best .sct_sns {margin:15px 0 0}
|
||||
.sct_best .sct_img{position:relative;margin:0 5px 5px ;}
|
||||
.sct_best .best_icon{background:url(img/prd_icon.png) no-repeat;position:absolute;top:0;left:0;font-size:0;width:25px;height:25px; display:inline-block;z-index:999;overflow:hidden;text-indent:-99999px}
|
||||
.bst_silde_btn{text-align:center;margin:5px 0 10px}
|
||||
.bst_silde_btn button{background:url(img/best_btn.gif) no-repeat 5px 5px; width:20px;height:20px;text-indent:-999px;font-size:0;border:none;}
|
||||
.bst_silde_btn button.bst_sl{background-position:-11px 5px }
|
||||
.sct_best .best_icon{padding:5px;position:absolute;top:0;left:0;background:#fb5861;color:#fff;font-size: 12px;}
|
||||
.bst_silde_btn{text-align:center;clear:both;margin:10px 0 }
|
||||
.bst_silde_btn button{border:0;display:inline-block;width:10px;height:10px;background:#fff;border-radius:5px;text-indent:-999px;overflow:hidden;margin:3px;
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
|
||||
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
|
||||
.bst_silde_btn button.bst_sl{background: #d5503a;width: 18px;}
|
||||
|
||||
/* 개인결제 목록 */
|
||||
.sct_pv {margin-top:10px}
|
||||
#sct_pv{margin:10px 5px}
|
||||
.sct_pv {margin:10px 0}
|
||||
.sct_pv .sct_li {position:relative;float:left;position:relative;float:left;margin-bottom:10px;}
|
||||
.sct_pv .sct_img{padding:0 5px}
|
||||
.sct_pv .sct_img a{border:1px solid #e2edef}
|
||||
.sct_pv .sct_img a{}
|
||||
.sct_pv .sct_img img{width:100%;}
|
||||
.sct_pv .sct_last {margin:0 0 15px !important}
|
||||
.sct_pv .sct_clear {clear:both}
|
||||
@ -86,8 +181,9 @@
|
||||
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 끝 ##### */
|
||||
|
||||
/* 상품 목록 */
|
||||
#sct {}
|
||||
#sct {margin:10px}
|
||||
.sct_admin {margin:0 0 10px;text-align:right}
|
||||
#sit_hhtml img{max-width:100%;height:auto}
|
||||
|
||||
/* 상품 목록 현재 위치 */
|
||||
#sct_location {border:1px solid #e9e9e9;background:#f2f5f9;letter-spacing:-4px}
|
||||
@ -96,39 +192,34 @@
|
||||
.sct_bg {padding-right:13px !important;background:url('img/sct_bg_toright.gif') right 8px no-repeat}
|
||||
|
||||
/* 상품 목록 카테고리 목록 */
|
||||
.sct_ct {text-align:center;width:100%;border-bottom:1px solid #e9e9e9; background:#f9f9f9;}
|
||||
.sct_ct {text-align:center;width:100%;margin:10px 0}
|
||||
.sct_ct h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
.sct_ct ul {list-style:none;display:inline-block;margin:0;padding:5px 0}
|
||||
.sct_ct ul {list-style:none;}
|
||||
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sct_ct ul li {display:inline-block;background:url(img/sbmn_bg.gif) no-repeat left 50%;padding:0 15px 0 20px;letter-spacing:0.2em;font-size:0.917em;line-height:30px}
|
||||
.sct_ct ul li:first-child{background:none}
|
||||
.sct_ct a {text-decoration:none;color:#656565}
|
||||
.sct_ct ul li {border-right:1px solid #ddd;border-bottom:1px solid #ddd; background:#fff;float:left;width:50%;text-align:left;}
|
||||
.sct_ct a {text-decoration:none;display:block;color:#656565;padding:10px;position:relative;padding-right:25px;position:relative;line-height:20px}
|
||||
.sct_ct .prd_cnt{position:absolute;top:10px;right:10px;display:inline-block;line-height:20px;padding:0 5px;background:#eee;border-radius:10px;color:#777}
|
||||
.sct_ct_parent {font-weight:bold}
|
||||
.sct_ct_here {color:#ff3600 !important}
|
||||
|
||||
#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_sort {padding:10px 10px 0;clear:both}
|
||||
#sct_sortlst{position:relative;background:#fff;border-bottom:1px solid #ddd;}
|
||||
|
||||
#sct_sort {clear:both}
|
||||
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sct_sort h2 {position:absolute;font-size:0;text-indent:-9999em;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;width:33.33%}
|
||||
#sct_sort li a{display:block;text-align:center;color:#8d8d8d;background:#fff;border-color:#e9e9e9;font-size:0.917em}
|
||||
#sct_sort button{height:40px;line-height:40px;border:0;padding:0 10px;background:#fff}
|
||||
#sct_sort ul:before{content: "";position: absolute;top: -8px;left: 30px;width: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #bbb transparent;}
|
||||
#sct_sort ul:after{content: "";position: absolute;top: -7px;left: 30px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
|
||||
#sct_sort ul {display:none;position:absolute;border:1px solid #bbb;z-index:99}
|
||||
#sct_sort li {border-top:1px solid #eee}
|
||||
#sct_sort li a{display:block;text-align:center;color:#333;background:#fff;border-color:#e9e9e9;font-size:0.917em;padding:5px 10px;line-height:20px}
|
||||
|
||||
/* 상품 리스트 스타일 선택 */
|
||||
#sct_lst {float:right;margin:10px 0;padding:0;list-style:none}
|
||||
#sct_lst {position:absolute;top:0;right:0;padding:0;list-style:none}
|
||||
#sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sct_lst li {position:relative;float:left;margin:0 0 0 -1px}
|
||||
#sct_lst button {position:relative;margin:0 0 0 -1px;padding:0;width:25px;height:25px;border:1px solid #ccc}
|
||||
#sct_lst button span {position:absolute;top:0;left:0;width:100%;height:100%;background:url('../shop/img/is_button.gif')}
|
||||
#sct_lst button.sct_lst_list span {background-position:0 0}
|
||||
#sct_lst button.sct_lst_list span.sct_lst_on {background-position:0 -30px}
|
||||
#sct_lst button.sct_lst_gallery span {background-position:-30px 0}
|
||||
#sct_lst button.sct_lst_gallery span.sct_lst_on {background-position:-30px -30px}
|
||||
#sct_lst li {position:relative;float:left;}
|
||||
#sct_lst button {position:relative;padding:0;width:40px;height:40px;border:0;border-left:1px solid #ddd;background:#fff;font-size:15px}
|
||||
|
||||
/* 상품 상세보기 */
|
||||
#sit {margin: 0;border-top:1px solid #e9e9e9}
|
||||
@ -148,11 +239,11 @@
|
||||
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
/* 상품 상세보기 - 이미지 미리보기 */
|
||||
#sit_pvi {position:relative;border-bottom:1px solid #e9e9e9;text-align:center}
|
||||
#sit_pvi_prev {position:absolute;top:50%;left:0;background:url(img/item_btn.png) no-repeat;width:27px;height:45px;text-indent:-9999px;margin-top:-20px;}
|
||||
#sit_pvi_next {position:absolute;top:50%;right:0;background:url(img/item_btn.png) no-repeat -40px 0;margin-top:-20px;width:27px;height:45px;text-indent:-9999px}
|
||||
#sit_pvi {position:relative;margin:0 10px ;border-bottom:1px solid #e9e9e9;background:#fff;text-align:center}
|
||||
#sit_pvi_prev {position:absolute;top:50%;left:0;margin-top:-20px;background:url(img/btn_prev.png) no-repeat 50% 50%;width:40px;height:40px;background-size:50%;text-indent:-999px;overflow:hidden;opacity:0.8}
|
||||
#sit_pvi_next {position:absolute;top:50%;right:0;margin-top:-20px;background:url(img/btn_next.png) no-repeat 50% 50%;width:40px;height:40px;background-size:50%;text-indent:-999px;overflow:hidden;opacity:0.8}
|
||||
.sit_pvi_btn {display:none;z-index:10;width:20px;border:0;background:#f2f5f9}
|
||||
#sit_pvi_slide {position:relative;margin:0 auto;padding:0;list-style:none;overflow-x:hidden}
|
||||
#sit_pvi_slide {position:relative;margin:0 auto;overflow:hidden;list-style:none;}
|
||||
#sit_pvi_slide li {display:none;position:absolute;left:0;top:0}
|
||||
#sit_pvi_nw h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sit_pvi_nwbig {padding:10px 0;text-align:center}
|
||||
@ -163,14 +254,44 @@
|
||||
#sit_pvi_nw li {float:left;margin:0 0 1px 1px}
|
||||
#sit_pvi_nw li img {width:60px;height:60px}
|
||||
|
||||
/* 상품 상세보기 - 간략정보 및 구매기능 */
|
||||
#sit_ov {position:relative;padding: 0;height:auto !important;}
|
||||
#sit_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sit_ov h3 {margin:0 0 10px}
|
||||
#sit_ov section{margin: 10px;padding-bottom:10px}
|
||||
/* 상품 상세보기 - 다른 상품 보기 */
|
||||
#sit_siblings {background:#fff;margin:0 10px ;border-bottom:1px solid #e9e9e9;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:inline-block;padding:0 12px;line-height:45px}
|
||||
#sit_siblings a#siblings_prev {position:absolute;top:0;left:0}
|
||||
#sit_siblings a#siblings_next {position:absolute;top:0;right:0}
|
||||
#sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
|
||||
#sit_title {display:block;margin:10px 10px 0;font-size:1.2em;}
|
||||
#sit_desc {display:inline-block;margin:0 0 10px;color:#999}
|
||||
/* 상품 상세보기 - sns */
|
||||
#sit_star_sns {position:relative;margin:0 10px 10px;background:#fff;border-top:0;height:45px;padding:10px;line-height:25px;border-bottom:1px solid #ccc }
|
||||
#sit_star_sns span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
|
||||
#sit_star_sns .sit_star {position:relative;margin:0 5px 0 0;vertical-align:top}
|
||||
|
||||
#sit_star_sns a {display:inline-block;vertical-align:middle}
|
||||
#sit_star_sns .btn_sns_share{position:absolute;top:0;right:0;width:45px;height:45px;background:none;border:0;border-left:1px solid #e5e5e5}
|
||||
#sit_star_sns .sns_area{display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #333;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 #000 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;background:#eee;text-align:center;}
|
||||
#sit_star_sns .sns_area a img{width:24px;height:auto;vertical-align:top}
|
||||
#sit_star_sns .sns_area #sit_btn_rec {font-size:15px}
|
||||
#sit_star_sns .sns_area .share-googleplus{background:#d5503a;padding:5px 0}
|
||||
#sit_star_sns .sns_area .share-facebook{background:#415b92;padding:5px 0}
|
||||
#sit_star_sns .sns_area .share-twitter{background:#35b3dc;padding:5px 0}
|
||||
#sit_star_sns .sns_area .share-kakaotalk{background:#ffeb00;padding:5px 0}
|
||||
|
||||
/* 상품 상세보기 - 간략정보 및 구매기능 */
|
||||
#sit_ov {position:relative;height:auto !important;}
|
||||
#sit_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sit_ov h3 {margin:0 0 10px;color:#5772d5}
|
||||
#sit_ov .sit_ov_wr{margin:10px;background:#fff;border-bottom:1px solid #ccc}
|
||||
.sit_option{background:#fff;padding:15px;margin:10px}
|
||||
.sit_option label{display:block;margin: 0 0 5px}
|
||||
.sit_option select{width:100%;height:30px;border:1px solid #d9d9d9;margin:0 0 5px}
|
||||
|
||||
#sit_title {display:block;padding: 15px;font-size:1.5em;line-height:1.3em}
|
||||
#sit_desc {padding:0 15px 10px;color:#666;line-height:1.25em}
|
||||
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
.sit_icon {display:block;margin: 0 0;}
|
||||
.sit_icon img {margin:0 1px 0 0;vertical-align:top;margin:0 1px}
|
||||
@ -181,10 +302,10 @@
|
||||
#sit_star a {display:inline-block;vertical-align:middle}
|
||||
#sit_star button {margin:0;padding:0;border:0}
|
||||
|
||||
.sit_ov_tbl {margin:10px 10px;background:#f6f6f6;padding:0 10px;border-top:1px solid #e9e9e9;border:1px solid #e9e9e9;}
|
||||
.sit_ov_tbl table{border-collapse:collapse;width:100%;border:0;font-size:0.917em}
|
||||
.sit_ov_tbl th {border-top:1px solid #e9e9e9;font-weight:normal;text-align:left;padding:9px 0;}
|
||||
.sit_ov_tbl td {padding:5px 0;border-top:1px solid #e9e9e9}
|
||||
.sit_ov_tbl {border-top:1px solid #e6e6e6;padding:10px 0;color:#777}
|
||||
.sit_ov_tbl table{border-collapse:collapse;width:100%;border:0;}
|
||||
.sit_ov_tbl th {font-weight:normal;text-align:left;padding:5px 15px;}
|
||||
.sit_ov_tbl td {padding:5px 15px}
|
||||
.sit_ov_tbl tr:first-child td,.sit_ov_tbl tr:first-child th{border:none}
|
||||
.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}
|
||||
@ -201,35 +322,23 @@
|
||||
#sit_ov_soldout {margin:0 0 20px;color:#ff3061;font-weight:bold;text-align:center}
|
||||
#sit_ov_btn {margin:0;padding:0 10px;text-align:center;}
|
||||
#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_ov_btn a {display:inline-block;padding: 0;vertical-align:middle;text-decoration:none;letter-spacing:0.3em;line-height:40px;height:40px}
|
||||
#sit_ov_btn input {padding:0;border:none;letter-spacing:0.3em;height:42px;line-height:42px}
|
||||
#sit_btn_cart{background:#34b5a1;color:#fff;width:100%}
|
||||
#sit_btn_buy, #sit_btn_wish {border:1px solid #34b5a1 !important;color:#34b5a1;width:49%;background:#fff;margin-top:5px}
|
||||
#sit_btn_buy{float:left}
|
||||
#sit_btn_wish{float:right }
|
||||
#sit_btn_rec {background:#333;font-size:0.92em;color:#fff;padding:0 3px;height:25px;line-height:25px;display:inline-block;vertical-align:middle}
|
||||
#sit_sns{text-align:center; padding-bottom:20px;border-bottom:1px solid #e9e9e9;}
|
||||
#sit_sel_option,#sit_tot_price{padding:0 10px}
|
||||
#sit_btn_cart{float:left;width:39%;margin-right:1%;height:50px;background:#d50c0c;font-weight:bold;border:0;color:#fff;font-weight:bold}
|
||||
#sit_btn_buy{float:left;width:39%;margin-right:1%;height:50px;border:1px solid #d50c0c;color:#d50c0c;font-weight:bold;background:#fff;font-weight:bold}
|
||||
#sit_btn_wish{float:left;width:20%;display:inline-block;height:50px;line-height:48px;text-align: center;font-size: 1.25em;border: 1px solid #b3b3b3;font-weight: bold;background:#fff}
|
||||
#sit_sel_option,#sit_tot_price{margin: 10px}
|
||||
#sit_tot_price{text-align:right;font-size:1.167em}
|
||||
#sit_tot_price span{float:left}
|
||||
#sit_tot_price strong{font-size:1.25em;color:#ff0000}
|
||||
|
||||
/* 상품 상세보기 - 다른 상품 보기 */
|
||||
#sit_siblings {text-align:center;position:relative}
|
||||
#sit_siblings h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sit_siblings a {display:inline-block;background:#383838;color:#fff}
|
||||
#sit_siblings a#siblings_prev {position:absolute;bottom:20px;left:10px;background: url(img/mainlist_btn.gif) no-repeat; width: 30px; height: 30px;text-indent:-999px;overflow:hidden}
|
||||
#sit_siblings a#siblings_next {position:absolute;bottom:20px;right:10px;background: url(img/mainlist_btn.gif) no-repeat -33px 0; width: 30px; height: 30px;text-indent:-999px;overflow:hidden}
|
||||
#sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sit_tab{margin:20px 0}
|
||||
#sit_tab .tab_tit:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_tab .tab_tit li {float:left;width:25%;text-align:center;}
|
||||
#sit_tab .tab_tit li button{display: block;width:100%;position: relative;height: 40px;background: #f7f7f7;border: 1px solid #cdcdcd;border-left:0;border-bottom: 1px solid #666;color: #666;line-height: 38px;text-align: center;z-index: 1;}
|
||||
#sit_tab .tab_tit li .selected{border: 1px solid #666;background: #fff;z-index: 2;border-bottom-color: #fff;color: #000;font-weight: bold;}
|
||||
#sit_tab .tab_con{background:#fff;border-bottom:1px solid #ccc;padding:15px}
|
||||
|
||||
/* 상품 상세보기 하단 버튼 */
|
||||
#sit_more {-webkit-backface-visibility: hidden;padding:0;background-color: rgba(0, 0, 0, 0.8);position:fixed;bottom:0;left:0;width:100%;z-index:9999}
|
||||
#sit_more:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_more li {position:relative;width:25%;float:left;letter-spacing:0.2em;background:url(img/item_bg.gif) no-repeat left 17px;}
|
||||
#sit_more li:first-child{background:none}
|
||||
#sit_more a {display:block;padding:15px 0 15px 2px;text-align:center;color:#fff}
|
||||
.item_use_count,.item_qa_count{color:#999;padding-left:2px}
|
||||
|
||||
/* 상품 상세보기 - 상품정보 */
|
||||
.close_btn{margin:30px 10px 10px;}
|
||||
#iteminfo_close{width:100%;background:#000;border:none;color:#fff;padding:10px 0;}
|
||||
#sit_inf_basic {margin:0 0 20px}
|
||||
#sit_inf_explan {margin:0 0 10px;line-height:1.5em}
|
||||
#sit_inf_explan img {max-width:100%;height:auto}
|
||||
@ -238,76 +347,185 @@
|
||||
#sit_inf_open li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_inf_open strong {clear:both;float:left;padding:0 1%;width:28%;letter-spacing:-0.1em}
|
||||
#sit_inf_open span {float:left;margin:0;padding:0 1%;width:68%}
|
||||
#sit_inf h2{background:#f5f5f5;color:#444;padding:10px; border:1px solid #e9e9e9;text-align:center;}
|
||||
#sit_inf h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}
|
||||
|
||||
#sit_inf_open {width:100%;border:0;border-top:1px solid #777;border-collapse:collapse;margin:10px 0 0}
|
||||
#sit_inf_open th {padding: 10px;border-bottom:1px solid #e5e5e5;background:#f3f3f3;vertical-align:top;text-align:left;width:30%}
|
||||
#sit_inf_open td {padding: 10px;border-bottom:1px solid #e5e5e5;background:#fff;vertical-align:top}
|
||||
|
||||
@media (max-width: 640px){
|
||||
#sit_inf_open th,#sit_inf_open td{display:block;width:100%}
|
||||
}
|
||||
|
||||
/* 상품 상세보기 - 사용후기 */
|
||||
.tit_no{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sit_use {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
|
||||
#sit_use h2{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sit_use_ol {margin:0 0 5px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
|
||||
.sit_use_li {position:relative;padding:0 0 10px;border-bottom:1px solid #e9e9e9;}
|
||||
.sit_use_li_title {display:block;margin:0;padding:10px;width:100%;border:0;background:transparent;text-align:left}
|
||||
.sit_use_li_title b{font-weight:normal;margin-right:2px}
|
||||
.sit_use_dl {margin:0;padding:0 10px;position:relative}
|
||||
.sit_use_li_title {display:block;margin:0;padding:10px 10px 5px;width:100%;border:0;background:transparent;text-align:left;font-weight:bold;font-size:1.167em;line-height:1.35em}
|
||||
.sit_use_dl {margin:0;padding:0 10px;position:relative;line-height:1.25em}
|
||||
.sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sit_use_dl dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
.sit_use_dl dd {float:left;margin:0 10px 0 0;color:#888;font-size:0.917em}
|
||||
.sit_use_star {margin:0 !important;position:absolute;bottom:0;right:10px}
|
||||
.sit_use_con {display:none;padding:10px 10px 0}
|
||||
.sit_use_p {margin:0 0 10px;padding:10px;background:#f2f2f2}
|
||||
.sit_use_star img{width:80px}
|
||||
.sit_use_con {display:none;padding:10px 0 0;}
|
||||
.sit_use_p {padding:10px;background:#f2f2f2}
|
||||
.sit_use_cmd {text-align:right}
|
||||
.sit_use_cmd a.btn01{padding: 5px;}
|
||||
#sit_use_wbtn {margin:0 0 5px;text-align:center}
|
||||
#sit_use_wbtn {margin:10px 0}
|
||||
#sit_use_wbtn:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_use_wbtn .btn01{height:40px;line-height:38px;width:49%;float:right;text-align:center;}
|
||||
#sit_use_wbtn .qa_wr {height:40px;line-height:40px;width:49%;float:left;text-align:center;background:#d50c0c;color:#fff;}
|
||||
#sit_use_write {}
|
||||
#sit_use_write #is_subject {width:100%}
|
||||
#sit_use_write ul {margin:5px 0 0}
|
||||
#sit_use_write li {margin:0 0 5px}
|
||||
#sit_use_write li {margin:0 0 5px;}
|
||||
#sit_use_write li label {display:inline-block;width:80px}
|
||||
#sit_use_write_star {margin:0;padding:0;list-style:none}
|
||||
|
||||
#sit_use_write_star:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_use_write_star li{float:left;width:50%}
|
||||
#sit_use_write_star li img{vertical-align:middle}
|
||||
.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}
|
||||
.use_reply_name{font-size:0.92em;color:#777;margin:5px 0}
|
||||
.use_reply_p{padding:10px;background:#f2f2f2;line-height:1.5em}
|
||||
|
||||
|
||||
/* 상품 상세보기 - 상품문의 */
|
||||
#sit_qa {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
|
||||
#sit_qa {}
|
||||
#sit_qa h2{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sit_qa_ol {margin:0 0 5px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
|
||||
.sit_qa_li {position:relative;padding:0 0 10px;border-bottom:1px solid #e9e9e9;}
|
||||
.sit_qa_li_title {display:block;margin:0;padding:10px;width:100%;border:0;background:transparent;text-align:left}
|
||||
.sit_qa_li_title b{font-weight:normal;margin-right:2px}
|
||||
.sit_qa_li_title {display:block;margin:0;padding:10px 10px 5px;width:100%;border:0;background:transparent;text-align:left;font-weight:bold;font-size:1.167em;line-height:1.35em}
|
||||
.sit_qa_dl {margin:0;padding:0 10px;position:relative}
|
||||
.sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sit_qa_dl dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
.sit_qa_dl dd {float:left;margin:0 10px 0 0;color:#888;font-size:0.917em}
|
||||
.sit_qa_dl dd.sit_qaa_yet,.sit_qa_dl dd.sit_qaa_done{position:absolute;bottom:0;right:0;background:#eee;padding:5px 8px;color:#888;border-radius:15px}
|
||||
.sit_qa_dl dd.sit_qaa_done{background:#ff3e5e;color:#fff}
|
||||
.sit_qa_con {display:none;padding:10px 10px 0}
|
||||
.sit_qa_con {display:none;padding:10px 0 0}
|
||||
.sit_qa_p {margin:0 0 10px;border:1px solid #e9e9e9;background:#fff;padding:0 10px;background:#f2f2f2;}
|
||||
.sit_qa_p strong {display:inline-block;margin:0 0 10px;}
|
||||
.sit_qa_p span.sit_alp{position:absolute;top:10px;left:0;background:#000;color:#fff;color:#fff;font-size:1.2em;font-weight:bold;width:25px;height:25px;line-height:25px;display:inline-block;border-radius:15px;text-align:center;}
|
||||
.sit_qa_qaq,.sit_qa_qaa {padding:10px 0 10px 30px;position:relative}
|
||||
.sit_qa_p strong {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
.sit_qa_p span.sit_alp{position:absolute;top:10px;left:0;color:#bbb;font-size:1.5em;font-weight:bold;width:25px;height:25px;line-height:25px;display:inline-block;border-radius:15px;text-align:center;}
|
||||
.sit_qa_qaq,.sit_qa_qaa {padding:15px 0 10px 30px;position:relative;min-height:70px}
|
||||
.sit_qa_qaa {border-top:1px dotted #ddd}
|
||||
.sit_qa_qaa span.sit_alp{background:#5b5b5b}
|
||||
.sit_qa_qaa span.sit_alp{}
|
||||
.sit_qa_con textarea {display:none}
|
||||
.sit_qa_cmd {text-align:right}
|
||||
.sit_qa_cmd a.btn01{padding:5px;}
|
||||
.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 {margin:0 0 5px;text-align:center}
|
||||
#sit_qa_w {display:none}
|
||||
a.qa_wr{padding:10px 0;display:block;width:100%;text-align:center;background:#34b5a1;color:#fff;margin:10px 0}
|
||||
#itemqa_list,#itemuse_list{ background: #fff; border: 3px double #e9e9e9; width: 205px; padding: 8px 0; font-size: 0.917em; color: #797979; margin-top: 15px;}
|
||||
#sit_qa_wbtn {margin:10px 0}
|
||||
#sit_qa_wbtn:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_qa_wbtn .btn01{height:40px;line-height:38px;width:49%;float:right;text-align:center;}
|
||||
#sit_qa_wbtn .qa_wr {height:40px;line-height:40px;width:49%;float:left;text-align:center;background:#d50c0c;color:#fff;}
|
||||
|
||||
/* 쇼핑몰 이벤트 */
|
||||
#sev {margin:0 10px;padding:0 15px;list-style:none;border:3px double #d6d6d6}
|
||||
#sev li {border-top:1px solid #f2f2f2;padding:10px 0 ;text-align:center}
|
||||
#sev li:first-child{border:none}
|
||||
#sev li a{display:block}
|
||||
#sev li a:hover{color:#34b5a1;}
|
||||
#sev li img{width:100%}
|
||||
.sev_admin{padding:10px 10px 0}
|
||||
/* 사용후기 모음 */
|
||||
#sps_sch {margin:10px 10px}
|
||||
#sps_sch a {display:block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;color:#3059c7;font-weight:bold;border:1px solid #3059c7;text-decoration:none;text-align:center;margin: 5px 0}
|
||||
#sps_sch .sch_wr{background:#fff;border:1px solid #bdc2d8;position:relative;border-radius:3px}
|
||||
#sps_sch .sch_wr:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sps_sch select{border:0;background:#fff;margin:9px 0;height:20px;border-right:1px solid #ddd;float:left;width:40%}
|
||||
#sps_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px}
|
||||
#sps_sch .sch_btn{height:38px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}
|
||||
|
||||
#sps {zoom:1}
|
||||
#sps ol {margin:10px;padding:0;border-top:1px solid #e9e9e9;list-style:none;}
|
||||
#sps li {position:relative;padding:10px;border-bottom:1px solid #ccc;background:#fff;margin: 0 0 5px}
|
||||
#sps li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
.sps_img{position:absolute;top:10px;left:10px;}
|
||||
.sps_img img{border-radius:50%;}
|
||||
.sps_img span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
|
||||
#sps dl {margin:5px 0 ; color: #888; font-size: 0.917em;overflow:hidden}
|
||||
#sps dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sps dd {float:left;margin:0 10px 0 0 ;line-height:18px;height:18px }
|
||||
#sps dd img {position:relative;top:-2px}
|
||||
|
||||
.sps_section {margin-left:80px;display:block;}
|
||||
.sps_section .is_use_reply{background:url('../mobile/shop/img/use_reply.png') no-repeat;text-indent:30px;line-height:1.5em}
|
||||
.sps_section p {padding:0;width:100%}
|
||||
.sps_con_full {padding:0;height:auto !important}
|
||||
.sps_con_btn {margin:5px 0 0;}
|
||||
.sps_con_btn button {border: 1px solid #ddd;padding: 5px 8px;color: #666;font-size: 0.92em;margin: 5px 0;background: #fff;}
|
||||
|
||||
.sps_reply{margin-top:10px;padding-top:10px;border-top:1px dotted #bbb;position:relative}
|
||||
.sps_reply .sps_img {;width:50px;text-align:center}
|
||||
.sps_reply .sps_section h2{background:url('./img/use_reply.png') no-repeat 0 0;text-indent:30px;line-height:1.5em;}
|
||||
.sps_reply .sps_section{margin-left:70px;min-height:50px}
|
||||
#sps_empty{text-align:center;color:#777;padding:50px 0}
|
||||
|
||||
/* 상품문의 모음 */
|
||||
#sqa_sch {margin:10px 10px}
|
||||
#sqa_sch a {display:block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;color:#3059c7;font-weight:bold;border:1px solid #3059c7;text-decoration:none;text-align:center;margin: 5px 0}
|
||||
#sqa_sch .sch_wr{background:#fff;border:1px solid #bdc2d8;position:relative;border-radius:3px}
|
||||
#sqa_sch .sch_wr:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sqa_sch select{border:0;background:#fff;margin:9px 0;height:20px;border-right:1px solid #ddd;float:left;width:40%}
|
||||
#sqa_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px}
|
||||
#sqa_sch .sch_btn{height:38px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}
|
||||
|
||||
#sqa {zoom:1;}
|
||||
#sqa ol {margin:10px;padding:0;border-top:1px solid #e9e9e9;list-style:none;}
|
||||
#sqa li {position:relative;padding:10px;border-bottom:1px solid #ccc;background:#fff;margin: 0 0 5px}
|
||||
#sqa li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
.sqa_img {position:absolute;top:10px;left:10px;}
|
||||
.sqa_img img{border-radius:50%;}
|
||||
.sqa_img span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
|
||||
#sqa dl {margin:5px 0 10px; color: #888; font-size: 0.917em;overflow:hidden;}
|
||||
#sqa dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sqa dd {float:left;margin:0 10px 0 0;}
|
||||
#sqa dd img {position:relative;top:-2px}
|
||||
|
||||
.sqa_section {margin-left:80px;display:block}
|
||||
.sqa_section h2{font-size:1.167em;font-weight:bold;margin:5px 0}
|
||||
.sqa_section .sqa_con {background:#f3f3f3;line-height:1.7em}
|
||||
.sqa_section p {padding:0;width:100%}
|
||||
.sqa_con_full {padding:0;height:auto !important}
|
||||
.sqa_con_btn {margin:5px 0 0}
|
||||
.sqa_con_btn button {border: 1px solid #ddd;padding: 5px 8px;color: #666;font-size: 0.92em;margin: 5px 0;background: #fff;}
|
||||
|
||||
#sqa .sit_qa_qaq,#sqa .sit_qa_qaa {padding:10px 5px 10px 40px;position:relative}
|
||||
.sqa_con .qa_alp{position:absolute;top:10px;left:15px;font-size:1.75em;color:#bbb}
|
||||
|
||||
#sqa_empty{text-align:center;color:#777;padding:50px 0}
|
||||
|
||||
/* 상품검색 */
|
||||
#ssch{margin:10px}
|
||||
#ssch_frm {border-bottom:1px solid #ccc;background:#fff;margin:10px 0}
|
||||
#ssch_frm h2 {border-bottom:1px solid #ddd;padding:10px 15px;color:#666}
|
||||
#ssch_frm h2 span{font-size:1.25em;color:#000}
|
||||
#ssch_frm h2 strong{color:#d50c0c}
|
||||
#ssch_frm div{padding:10px 15px;line-height:30px;}
|
||||
#ssch_frm p{padding:15px; background:#f5f5f5;color:#737373}
|
||||
#ssch_frm .ssch_input{height:30px;border:1px solid #bbb;padding:0 10px;margin:3px 0}
|
||||
#ssch_frm .btn_submit{height:30px;padding:0 10px;font-weight:bold}
|
||||
#ssch_q{margin:0}
|
||||
|
||||
#ssch_cate {}
|
||||
#ssch_cate ul {margin:10px 0;border-bottom:1px solid #e9e9e9;list-style:none}
|
||||
#ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ssch_cate li {border-right:1px solid #ddd;border-bottom:1px solid #ddd; background:#fff;float:left;width:50%;text-align:left;}
|
||||
#ssch_cate li a {text-decoration:none;display:block;color:#656565;padding:10px;position:relative;padding-right:25px;position:relative;line-height:20px}
|
||||
#ssch_cate a span {position:absolute;top:10px;right:10px;display:inline-block;line-height:20px;padding:0 5px;background:#eee;border-radius:10px;color:#777}
|
||||
|
||||
#ssch_sort {background:#fff;border-bottom:1px solid #ccc}
|
||||
#ssch_sort button{height:40px;line-height:40px;border:0;padding:0 10px;background:#fff}
|
||||
#ssch_sort ul:before{content: "";position: absolute;top: -8px;left: 30px;width: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #bbb transparent;}
|
||||
#ssch_sort ul:after{content: "";position: absolute;top: -7px;left: 30px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
|
||||
#ssch_sort ul {display:none;position:absolute;border:1px solid #bbb;z-index:99}
|
||||
#ssch_sort li {border-top:1px solid #eee}
|
||||
#ssch_sort li a{display:block;text-align:center;color:#333;background:#fff;border-color:#e9e9e9;font-size:0.917em;padding:5px 10px;line-height:20px}
|
||||
|
||||
/*배송교환정보*/
|
||||
#sit_dvex h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sit_dvex h3 {font-size:1.167em;text-align:center;padding:10px 0;background:#f3f3f3;margin:0 0 10px}
|
||||
|
||||
/* 로딩안내 레이어 */
|
||||
#loading_message {z-index:10000;position:absolute;top:0;left:0;background:#fff;opacity:0.7}
|
||||
@ -324,21 +542,40 @@ a.qa_wr{padding:10px 0;display:block;width:100%;text-align:center;background:#34
|
||||
#sit_sms_new .tbl_frm01 th {width:100px}
|
||||
|
||||
/*쿠폰존 리스트*/
|
||||
.couponzone_list{margin:0 0 50px;}
|
||||
.couponzone_list h2{margin:10px 10px 5px}
|
||||
.couponzone_list p{margin:0 10px 5px;}
|
||||
.couponzone_list ul{padding:0 5px;margin:0;list-style:none}
|
||||
.couponzone_list{margin:10px 10px ;background:#fff;border-bottom:1px solid #ccc;padding:20px}
|
||||
.couponzone_list h2{margin:0 0 5px;font-size:1.25em;}
|
||||
.couponzone_list p{margin:0 0 10px;}
|
||||
.couponzone_list ul{padding:0;margin:0;list-style:none;background:#fff}
|
||||
.couponzone_list ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.couponzone_list ul li{float:left;width:48%;height:210px;padding:0 1% 15px;}
|
||||
.couponzone_list ul li .coupon_wr{border:1px solid #e9e9e9;background:#f2f6f9;line-height:1.2em;}
|
||||
.couponzone_list ul li img{width:100%;height:100%}
|
||||
.couponzone_list ul li .coupon_img{height:100px;overflow:hidden;border-bottom:1px solid #e9e9e9}
|
||||
.couponzone_list ul li .coupon_tit{margin:10px 10px 5px;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
|
||||
.couponzone_list ul li .coupon_date{margin: 5px 10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
|
||||
.couponzone_list ul li .coupon_target{margin: 5px 10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
|
||||
.couponzone_list ul li .coupon_point{margin: 5px 10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
|
||||
.couponzone_list ul li .coupon_btn{margin:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}
|
||||
.couponzone_list ul li .coupon_btn .btn02{width:70%;padding:7px 0;background:#ec2037;border-color:#c92033}
|
||||
.couponzone_list ul li{padding:10px 0 ;line-height:1.2em;margin:5px 0}
|
||||
|
||||
.couponzone_list ul li .coupon_img{}
|
||||
.couponzone_list ul li img{width:100%;height:auto}
|
||||
|
||||
.couponzone_list ul li img{width:100%;height:auto}
|
||||
.couponzone_list ul li .coupon_img{}
|
||||
.couponzone_list ul li .coupon_tit{margin:10px 0 5px;font-size:1.083em;line-height:1.4em;font-weight:bold;}
|
||||
.couponzone_list ul li .coupon_date{margin: 5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
|
||||
.couponzone_list ul li .coupon_target{margin: 5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
|
||||
.couponzone_list ul li .coupon_target a{color:#777;text-decoration:underline}
|
||||
.couponzone_list ul li .coupon_point{margin: 5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
|
||||
.couponzone_list ul li .coupon_btn{margin:10px 0 0;text-align:center}
|
||||
.couponzone_list ul li .coupon_btn .btn02{width:100%;height:35px;padding:0;font-weight:bold;background:#8183c3;border:0}
|
||||
.couponzone_list ul li .coupon_btn .btn02:hover{background:#5255cc;color:#fff}
|
||||
.couponzone_list ul li .coupon_btn .disabled {background: #ddd;border:1px;color:#999;border-color:#ddd}
|
||||
.couponzone_list ul li .coupon_btn .disabled:hover {background: #ddd;border:1px;color:#999;border-color:#ddd}
|
||||
.couponzone_list .no_coupon{padding: 100px 0;text-align:center;color:#999}
|
||||
#point_coupon li{height:230px;}
|
||||
#point_coupon li{height:250px;}
|
||||
|
||||
|
||||
@media (min-width: 640px)and (max-width:969px){
|
||||
.couponzone_list ul li{width:50%;float:left;padding:10px}
|
||||
.couponzone_list ul li:nth-child(2n+1){clear:both;}
|
||||
|
||||
}
|
||||
@media (min-width: 970px){
|
||||
.couponzone_list ul li{width:25%;float:left;padding:10px}
|
||||
.couponzone_list ul li:nth-child(4n+1){clear:both;}
|
||||
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user