1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
<?php
Global $prodinfo, $cateinfo;
$cur_img_url = $j3_img_url."/".$sk['sk_img_path'];
if($skin_css!=''){
echo $skin_css;
} else {
?>
<style>
</style>
<?php
}
?>
<div class="class_skin_idx_<?php echo $sk_idx;?>">
<div class='item_info_class '>
<div id="sit_view" class="relative mt50 mb50">
<!--스크롤이 내려가면 상단에 붙도록~ 추가할스타일 : position:fixed;top:0px;width:100%;-->
<div class="sit_view_tab" class="height50" style="/*z-index:10;*/">
<ul id="tabs" class="relative height49 top_bold_line gray_line_b bg_gray" style='width:1200px;'>
<li class="block float_l mr_1 box145_47 l_height47 align_c gray_l_line gray_r_line bg_white pointer" rel="tab1">상세설명</li>
<?php if($configshop['item_use_type']!='0'){?>
<li class="block float_l mr_1 box145_47 l_height47 align_c gray_l_line gray_r_line pointer" rel="tab2">사용후기 <font class="custom2 bold item_use_cnt_class">0</font></li>
<?php }?>
<li class="block float_l mr_1 box145_47 l_height47 align_c gray_l_line gray_r_line pointer" rel="tab3">상품문의 <font class="custom2 bold item_qa_cnt_class">0</font></li>
<li class="block float_l mr_1 box145_47 l_height47 align_c gray_l_line gray_r_line pointer" rel="tab4">배송정보</li>
<li class="block float_l mr_1 box145_47 l_height47 align_c gray_l_line gray_r_line pointer" rel="tab5">교환/반품</li>
</ul>
</div>
<div id="tab1" class="tab_content pt20 none com_explain_class">
<?php echo $prodinfo['item_explain']; ?>
</div><!-- #tab1 -->
<div id="tab2" class="tab_content none">
<div id="sit_use" class="mt50">
<h2 class="mb20 txt21">상품후기</h2>
<div id="sit_use_list" class="mb10 height40">
<p class="float_l block mt25 screen_out">구매 후 상품후기 작성 시 <span class="custom1 bold">100p</span><!-- / 포토후기 작성시 <span class="custom1 bold">500p</span>-->가 적립됩니다.</p>
<a class="float_r box100_40 align_c l_height40 bg_custom1" href='<?php echo $j3_shop_url;?>/mypage.php'><span class="white bold">후기쓰기</span></a>
</div>
<table class="width_full top_bold_line">
<colgroup>
<col class="width140"><col class="width140"><col class="width520"><col class="width200"><col class="width200">
</colgroup>
<thead>
<tr>
<th class="pt10 pb10 txt14 gray_line_b">번호</th>
<th class="pt10 pb10 txt14 gray_line_b">평점</th>
<th class="pt10 pb10 txt14 gray_line_b">제목</th>
<th class="pt10 pb10 txt14 gray_line_b">작성자</th>
<th class="pt10 pb10 txt14 gray_line_b">작성일</th>
</tr>
</thead>
<tbody class='prod_use_tbody_class'><!-- 후기 내용이 들어갈 영역 -->
</tbody>
</table>
<div class='pg_wrap use_paging_class' style='padding-top:0px;'><!-- 후기 페이징 들어갈 영역 -->
</div>
</div><!-- #sit_use -->
</div><!-- #tab2 -->
<div id="tab3" class="tab_content none">
<div id="sit_qna" class="mt50">
<h2 class="mb20 txt21">상품문의</h2>
<div id="sit_use_list" class="mb10 height40">
<p class="float_l block mt25">결제 및 배송, 주문취소, 교환/반품에 대한 문의는 <span class="custom1 bold">마이페이지의 1:1문의</span>를 이용해주세요.</p>
<a class="float_r box100_40 align_c l_height40 bg_custom1 prod_qa_new_class"><span class="white bold">상품문의하기</span></a>
</div>
<table class="width_full top_bold_line">
<colgroup>
<col class="width140"><col class="width520"><col class="width200"><col class="width200"><col class="width140">
</colgroup>
<thead>
<tr>
<th class="pt10 pb10 txt14 gray_line_b">번호</th>
<th class="pt10 pb10 txt14 gray_line_b">제목</th>
<th class="pt10 pb10 txt14 gray_line_b">작성자</th>
<th class="pt10 pb10 txt14 gray_line_b">작성일</th>
<th class="pt10 pb10 txt14 gray_line_b">답변여부</th>
</tr>
</thead>
<tbody class='prod_qa_tbody_class'><!-- 문의 내용이 들어갈 영역 -->
</tbody>
</table>
<div class='pg_wrap qa_paging_class' style='padding-top:0px;'><!-- 문의 페이징 들어갈 영역 -->
</div>
</div><!-- #sit_qna -->
</div><!-- #tab3 -->
<div id="tab4" class="tab_content none">
<div id="sit_dvr" class="mt50">
<?php echo $configshop['deli_info'];?>
</div><!-- #sit_dvr -->
</div><!-- #tab4 -->
<div id="tab5" class="tab_content none">
<div id="sit_dvr" class="mt50">
<?php echo $configshop['deli_return'];?>
</div><!-- #sit_ex -->
</div><!-- #tab5 -->
</div><!--#sit_view-->
</div><!--#sit-->
</div>
<script>
$(function(){
//$(".tab_content:first").show();
$(".tab_content").eq(0).show();
$("#tabs li").click(function () { // 탭 선택시 선택된 배경 처리
$("#tabs li").removeClass("active").css("background-color", "#f8f8f8").css("border-bottom", "1px solid #ccc");
$(this).addClass("active").css("background-color", "#FFF").css("border-bottom", "1px solid #FFF");
$(".tab_content").hide();
var activeTab = $(this).attr("rel");
$("#" + activeTab).fadeIn();
});
$(window).scroll(function(){ // 설명, 후기 탭등 스크롤시 고정
$v = $("#sit_view").position();
$v_top = parseInt($v.top);
$scr_top = $(window).scrollTop();
//console.log($v_top+" "+$scr_top);
if($v_top+255<$scr_top){
$(".sit_view_tab").css("position","fixed").css("top","0px");
} else {
$(".sit_view_tab").css("position","").css("top","");
}
});
});
</script>
|