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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
|
<?php
Global $prodinfo, $cateinfo;
$cur_img_url = $j3_img_url."/".$sk['sk_img_path'];
if($skin_css!=''){
echo $skin_css;
} else {
?>
<style>
.book_view_sub{margin:60px 0 40px;display:inline-block;}
.book_view_sub_1{width:490px;height:280px;background:#f8f8f8;border:1px solid #c9cacc;float:left;position:relative;}
.book_view_sub_1 h2{text-align:center;width:125px;background:#13a89e;color:#fff;margin:0 auto;margin-top:-20px;height:40px;line-height:40px;font-size:15px;}
.book_view_sub_left{position:absolute;left:35px;top:50%;margin-top:-20px;cursor:pointer;}
.book_view_sub_right:last-child{position:absolute;right:35px;top:50%;margin-top:-20px;cursor:pointer;}
.book_view_sub_page{width:270px;margin:0 auto;margin-top:30px;}
.book_view_sub_page p{text-align:center;font-size:15px;margin:10px 0;}
.book_view_sub_2{width:490px;height:280px;background:#f8f8f8;border:1px solid #c9cacc;float:left;margin-left:20px;position:relative;}
.book_view_sub_2 h2{text-align:center;width:125px;background:#13a89e;color:#fff;margin:0 auto;margin-top:-20px;height:40px;line-height:40px;font-size:15px;}
.book_details{display: inline-block;padding-bottom:95px; width:100%; }
.book_details_title{border-bottom: 4px double #dfdfdf;padding-bottom: 15px;position:relative;}
.book_details_title h5{font-size:17px;color:#13a89e;margin-left:15px;}
.book_details_title h5:before { content: url("<?php echo $cur_img_url;?>/wittenglish_shape.png"); position:absolute;top:-1px;left:0;}
.book_details_con{margin:20px 0 40px;}
.book_list_btn{float: right;width: 160px;background: #e8e8e8;height: 60px;border: 1px solid #c9cacc;border-radius: 5px;text-align: center;line-height: 60px;font-size: 15px;font-weight: 600;cursor:pointer;}
</style>
<?php
}
?>
<div class="class_skin_idx_<?php echo $sk_idx;?>">
<div class="book_view_sub">
<div class="book_view_sub_1 tab1">
<h2>병행교재</h2>
<div class="book_view_sub_arrow">
<span class="book_view_sub_left"><img src="<?php echo $cur_img_url;?>/wittenglish_book_left.png"></span>
<span class="book_view_sub_right"><img src="<?php echo $cur_img_url;?>/wittenglish_book_right.png"></span>
</div>
<div class="book_view_sub_page paral_book_class">
</div>
</div><!--/.book_view_sub_1-->
<div class="book_view_sub_2 tab1">
<h2>관련교재</h2>
<div class="book_view_sub_arrow">
<span class="book_view_sub_left"><img src="<?php echo $cur_img_url;?>/wittenglish_book_left.png"></span>
<span class="book_view_sub_right"><img src="<?php echo $cur_img_url;?>/wittenglish_book_right.png"></span>
</div>
<div class="book_view_sub_page rel_book_class">
</div>
</div><!--/.book_view_sub_2-->
</div><!--/.book_view_sub-->
<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:1000px;'>
<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 class="book_details">
<!--<div class="book_details_title"><h5>교제상세</h5></div>
<div class="book_details_con"><?php echo $prodinfo['item_explain'];?></div>-->
<div class="book_list_btn">목록보기</div>
</div><!--/.book_details-->
</div>
<script>
$(function(){
$.get("<?php echo $j3_shopp_url;?>/ajax.book_paral_rel_get.php?code=<?php echo $prodinfo['code'];?>",function(rtn){
$html = rtn.split("§§§");
$(".paral_book_class").html($html[0]);
$(".rel_book_class").html($html[1]);
});
$(".book_view_sub_left").click(function(){
$i_pos = $parent_obj.find("#cur_book_img").val();
if($i_pos>2){
$parent_obj.find(".book_view_sub_page div").eq($i_pos-1).removeClass("float_r").addClass("none");
$parent_obj.find(".book_view_sub_page div").eq($i_pos-2).removeClass("float_l").addClass("float_r");
$parent_obj.find(".book_view_sub_page div").eq($i_pos-3).removeClass("none").addClass("float_l");
$parent_obj.find("#cur_book_img").val(parseInt($i_pos)-1);
}
});
$(".book_view_sub_right").click(function(){
$parent_obj = $(this).closest(".tab1");
$m_pos = $parent_obj.find("#max_book_img").val();
$i_pos = $parent_obj.find("#cur_book_img").val();
if($m_pos>$i_pos+1){
$parent_obj.find(".book_view_sub_page div").eq($i_pos-2).removeClass("float_l").addClass("none");
$parent_obj.find(".book_view_sub_page div").eq($i_pos-1).removeClass("float_r").addClass("float_l");
$parent_obj.find(".book_view_sub_page div").eq($i_pos).removeClass("none").addClass("float_r");
$parent_obj.find("#cur_book_img").val(parseInt($i_pos)+1);
}
});
$(".book_list_btn").click(function(){
window.history.go(-1);
});
//$(".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>
|