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
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
|
<?php
Global $prodinfo, $cateinfo, $hasWishcnt, $is_soldout, $opt_array, $addopt_array;
Global $configshop, $cinfo, $app_id;
$cur_img_url = $j3_img_url."/".$sk['sk_img_path'];
$prodinfo['img_url'] = get_it_thumbnail($prodinfo['code'],$prodinfo['pic1'],$configshop['img_max_width'], $configshop['img_max_height']);
if($skin_css!=''){
echo $skin_css;
} else {
?>
<style>
.book_view_title{margin-top:110px;padding-bottom: 25px;margin-bottom: 30px;border-bottom: 4px double #dfdfdf;}
.book_view_title h4{font-size:40px;font-weight:600;color:#13a89e;padding: 10px 0}
.book_view_info ul{width: 460px;}
.book_view_info ul li{padding:22px 0;border-bottom:1px solid #dcdcdc;}
.book_view_info ul li:first-child{padding:22px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.book_view_info ul li span{float:left;font-size: 16px;color: #13a89e;font-weight: 600;padding: 0 23px;}
.book_view_info ul li p{color:#545454;font-size:16px;}
.book_view_info ul li p:before { content:"|";padding-right: 23px;color:#6a992b;font-size:12px;}
.book_view_btn{background:#5d5d5d;width:170px;height:130px;float:right;text-align:center;padding-top:32px;border-radius:5px;margin:40px 12px 0 0;cursor:pointer;}
.book_view_btn img{width:42px;height:auto;}
.book_view_btn p{color:#fff;font-size:17px;padding-top:15px;}
/*교재미리보기 팝업창*/
#book_view_popup{background:#5d5d5d;}
.book_arrow_left{position:absolute;left:25px;top:50%;margin-top:-20px;cursor:pointer;}
.book_arrow_left img{padding:15px 15px 15px 10px;;border-radius:5px 0 0 5px;}
.book_arrow_left img:hover{background:#8dc63f;}
.book_arrow_right{position:absolute;right:25px;top:50%;margin-top:-20px;cursor:pointer;}
.book_arrow_right img{padding:15px 15px 15px 10px;;border-radius:0 5px 5px 0;}
.book_arrow_right img:hover{background:#8dc63f;}
.book_view_popup_page{ width:1000px;margin:0 auto;}
.book_view_popup_page img{width:500px;height:683px;}
.book_view_popup_page:after{content: "";position: absolute;z-index: 0;width: 10%;height:683px;top: 7px;bottom: 0;left: 50%;opacity: 0.5;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-size: 100%;background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.35) 45%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.35) 55%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);}
.sit_view_tab_fix { position:fixed;top:0px;}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:"";}
.point::before {content:"";display:inline-block;width:18px;height:15px;vertical-align:middle;background:url('<?php echo $cur_img_url;?>/item.png') no-repeat;}
.dotline {height:13px;background:url('<?php echo $cur_img_url;?>/dotline.png') 0 6px no-repeat;}
.more::after {content:"";display:inline-block;width:16px;height:30px;margin-left:5px;vertical-align:middle;background:url('<?php echo $cur_img_url;?>/location.png') 0 -45px no-repeat;}
/*구매관련 추가*/
.buy_list_price{display: inline-block;width:100%}
.wish_ico_off { background:url('<?php echo $cur_img_url;?>/sub_cart_off.png') no-repeat; padding-left:30px;background-position:31px 13px;text-align: center;line-height: 45px;border: 3px solid #ddd;}
.wish_ico_on { background:url('<?php echo $cur_img_url;?>/sub_cart_on.png') no-repeat; padding-left:30px;background-position:31px 13px;text-align: center;line-height: 45px;border: 3px solid #ddd; }
.sub_ov_btn input, .sub_ov_btn a{border-radius:5px;}
.sub_btn_buy{background:#df1d3d;}
.all_price_class{font-family: Verdana;font-size: 24px;font-weight: 600;}
.sub_btn_buy {background: url('<?php echo $cur_img_url;?>/sub_buy_icon.png')no-repeat #df1d3d;padding-left:26px;background-position:35px 15px;}
.sub_btn_cart {background: url('<?php echo $cur_img_url;?>/sub_cart_icon.png')no-repeat #656565;padding-left:26px;background-position:35px 15px;}
</style>
<?php
}
?>
<div class="class_skin_idx_<?php echo $sk_idx;?>">
<!--전체영역(여기서부터 시작)-->
<div id="book_wrap">
<div id="w1000">
<!--제품타이틀-->
<div class="book_view_title">
<h4><?php echo $prodinfo['name']?></h4>
</div>
<!--제품정보-->
<div class="book_view_info">
<div class="width200 float_l"><img src="<?php echo $prodinfo['img_url'];?>" class='item_img_class'></div>
<ul class="float_l">
<li><span>영역</span><p><?php echo $prodinfo['wt_range'];?></p></li>
<li><span>대상</span><p><?php echo $prodinfo['wt_target'];?></p></li>
<li><span>정가</span><p>
<?php
if($prodinfo['p_price_tel']=='1'){
echo "{$prodinfo['price_msg']}";
} else {
?>
<?php echo number_format($prodinfo['saleprice']);?>원
<?php if($prodinfo['point']>0 && $configshop['po_use']=='1'){ // 포인트가 있을경우만 표시?>
<?php echo number_format($prodinfo['point']);?>
<?php
}
}
?>
</p></li><!--추가-->
<li><span>사양</span><p><?php echo $prodinfo['wt_spec'];?></p></li>
<li><span>출판사</span><p><?php echo $prodinfo['wt_birth'];?></p></li>
<?php if($prodinfo['opt_yn']==1 && $prodinfo['p_price_tel']!='1'){ // 옵션상품일경우 ?>
<li><span>상품선택</span><div class="sit_ov_sel relative box340_30 gray_line" style="background:url('<?php echo $cur_img_url;?>/location.png') -20px -85px no-repeat;display:inline-block;">
<label for="opt_add" class="absolute ab_top_left10 width300 ellipsis pointer">선택</label>
<select id="opt_add" title="옵션선택" class="width_full height30 l_height30 p0_10 opacity0 pointer">
<option value=''> 선택 </option>
<?php
$jego_cnt = 0;
foreach($opt_array as $key=>$opt){
if($opt['p_soldout']!='1'){
if($opt['jego']>0){ $jego_cnt += $opt['jego']; }
}
?>
<option value='<?php echo $opt['code']?>'>
<?php echo $opt['name']." ".$opt['opt_price'];?>
<?php
if($opt['jego']<"0" || $opt['p_soldout']==1){
echo "[품절]";
} else {
if($configshop['qty_hidden']!='1'){
echo "[재고:".number_format($opt['jego'])."]";
}
}
?>
</option>
<?php
}
if($jego_cnt=='0'){ $is_soldout = true; }
?>
</select>
</div>
</li>
<?php }?>
<?php
if(count($addopt_array)>0 && $prodinfo['p_price_tel']!='1'){
?>
<li><span>추가선택</span>
<div class="sit_ov_sel relative box340_30 gray_line" style="background:url('<?php echo $cur_img_url;?>/location.png') -20px -85px no-repeat;">
<label for="opt_add" class="absolute ab_top_left10 width300 ellipsis pointer">선택</label>
<select id="opt_add" title="옵션선택" class="width_full height30 l_height30 p0_10 opacity0 pointer">
<option value=''> 선택 </option>
<?php
foreach($addopt_array as $key=>$opt){
?>
<option value='<?php echo $opt['code']?>'>
<?php echo $opt['name']." +".$opt['saleprice'];?>원
<?php
if($opt['jego']<"0" || $opt['p_soldout']==1){
echo "[품절]";
} else {
if($configshop['qty_hidden']!='1'){
echo "[재고:".number_format($opt['jego'])."]";
}
}
?>
</option>
<?php
}
?>
</select>
</div>
</li>
<?php
}
?>
</ul>
<!--교재미리보기 버튼-->
<div class="book_view_btn"><img src="<?php echo $cur_img_url;?>/book_icon.png">
<p>교재미리보기</p>
</div>
</div><!--/.book_view_info-->
<!--교재미리보기 팝업창-->
<div id="book_view_popup" title="교재 미리보기" class='none'>
<div>
<span class="book_arrow_left"><img src="<?php echo $cur_img_url;?>/book_left.png"></span>
<span class="book_arrow_right"><img src="<?php echo $cur_img_url;?>/book_right.png"></span>
</div>
<div class="book_view_popup_page">
<!--<div class="float_l"><img src="http://via.placeholder.com/500x683"></div>
<div class="float_r"><img src="http://via.placeholder.com/500x683"></div>-->
</div>
</div><!--/.book_view_popup-->
</div>
<!--구매관련추가-->
<div class="float_r" >
<form name='item_cart_form' id='item_cart_form' method='post'> <!-- 옵션 선택 항목이 이곳에 표시됨 -->
<input type='hidden' name='code' value='<?php echo $prodinfo['code'];?>'>
<input type='hidden' name='ct_name' value='<?php echo $prodinfo['name'];?>'>
<input type='hidden' name='ct_price' value='<?php echo $prodinfo['saleprice'];?>'>
<input type='hidden' name='dmode' value=''>
<div class='opt_sel_class'>
</div> <!-- .opt_sel_class end-->
</form>
<div id="sit_tot_price" class="mt20 buy_list_price">
<div class="float_r align_r">총 상품금액 : <!--<span class="gray">옵션 총수량 <span class="all_qty_class">1</span>개 │</span>--><span class="ml10 red all_price_class all_qty_class">0</span>원</div>
</div>
<div id="sit_ov_btn" class="block mt20 sub_ov_btn">
<?php if($is_soldout){?>
<input type="submit" value="품절상품입니다." class="float_l box380_50 mr15 white txt15 bold line0 bg_custom3 pointer"/>
<?php } else {?>
<input type="submit" id="sit_btn_buy" value="바로구매" class="float_l box170_50 mr15 white txt15 bold line0 pointer sub_btn_buy">
<input type="submit" id="sit_btn_cart" value="장바구니" class="float_l box170_50 mr15 white txt15 bold line0 bg_custom3 pointer sub_btn_cart">
<?php }?>
<a id="sit_btn_wish" title="WishList" class="float_l box170_50 txt15 bold pointer <?php if($hasWishcnt>0){?>wish_ico_on<?php } else {?>wish_ico_off<?php }?>">Wish List</a>
</div>
</div>
</div>
<div style="display: inline-block;width: 100%; border-bottom: 1px dashed #dcdcdc;padding-bottom:40px;"></div>
<script>
//교재미리보기 팝업창
$(function(){
$("#book_view_popup").dialog({
width: '1200',
height: '740',
autoOpen:false //자동으로 열리지않게
});
//창 열기 버튼을 클릭했을경우
$(".book_view_btn").on("click",function(){
$.get("<?php echo $j3_shopp_url;?>/ajax.book_preview_get.php?code=<?php echo $prodinfo['code'];?>",function(rtn){
$(".book_view_popup_page").html(rtn);
$("#book_view_popup").dialog("open"); //다이얼로그창 오픈
});
});
$("#book_view_popup .book_arrow_left").click(function(){
$i_pos = $("#book_view_popup #cur_book_img").val();
if($i_pos>2){
$(".book_view_popup_page div").eq($i_pos-1).removeClass("float_r").addClass("none");
$(".book_view_popup_page div").eq($i_pos-2).removeClass("float_l").addClass("float_r");
$(".book_view_popup_page div").eq($i_pos-3).removeClass("none").addClass("float_l");
$("#book_view_popup #cur_book_img").val(parseInt($i_pos)-1);
}
});
$("#book_view_popup .book_arrow_right").click(function(){
$m_pos = $("#book_view_popup #max_book_img").val();
$i_pos = $("#book_view_popup #cur_book_img").val();
if($m_pos>$i_pos+1){
$(".book_view_popup_page div").eq($i_pos-2).removeClass("float_l").addClass("none");
$(".book_view_popup_page div").eq($i_pos-1).removeClass("float_r").addClass("float_l");
$(".book_view_popup_page div").eq($i_pos).removeClass("none").addClass("float_r");
$("#book_view_popup #cur_book_img").val(parseInt($i_pos)+1);
}
});
});
</script>
</div>
<script>
$(function(){
});
</script>
|