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
|
<?php
Global $cateinfo;
Global $configshop, $cinfo;
$cur_img_url = $j3_img_url."/".$sk['sk_img_path'];
$box_width = $sk['sk_box_width'];
$img_width = $sk['sk_img_width'];
$img_height = $sk['sk_img_height'];
if($orderkey==''){ $orderkey = "d.code2, p_sort, a.code desc"; }
//_pr($orderkey);
if($page==''){ $page = 1; }
$rowcnt = $sk['sk_line_cnt'];
$colcnt = $sk['sk_max_cnt'];
$list = prod_list_by_cate($cateinfo['lv2_cate_code'],$orderkey,$page,$rowcnt,$colcnt); // 해당 분류의 상품을 가져온다.
$total_page = $list[0]['total_page'];
$list_num = $list[0]['list_num'];
$total_count = $list[0]['total_count'];
if($skin_css!=''){
echo $skin_css;
} else {
?>
<style>
/*--상품 리스트--*/
.sct_list_card{width:1000px;margin:0 auto;}
.sct_list_card li{padding: 15px; background: #eee;display: inline-block;margin-bottom: 2px;}
.sct_list_card li:first-child{border-radius:10px 10px 0 0;}
.sct_list_card li:last-child{border-radius:0 0 10px 10px;}
.sct_list_img{width:169px;margin-right:20px;}
.sct_list_pro{width:770px;}
.sct_list_pro .sct_list_tit{border-bottom:1px solid #13a89e;padding-bottom:20px;margin-bottom:10px;}
.sct_list_pro .sct_list_tit h2 a{color: #13a89e;font-size: 20px;}
.sct_list_txt{width:650px;}
.sct_list_card .sct_list_txt li{width:50%;padding:15px 0;float:left;margin-bottom:0;font-size: 15px;padding-right:15px;}
.sct_list_card .sct_list_txt li span{float: left;color: #000;font-weight: 600;width:60px;border-right:1px solid #aaa;margin-right:15px}
.sct_list_btn{width:120px;margin-top:25px;}
.sct_btn_view{width:120px;height:45px;line-height:45px;background:#f69123;border-radius:5px;font-size:15px;font-weight:600;text-align:center;color:#fff;margin-bottom:10px;}
.sct_btn_view:before{content: url('<?php echo $cur_img_url;?>/list_view_icon.png');margin-right: 5px;top: 2px;position: relative;}
.sct_btn_buy{width:120px;height:45px;line-height:45px;background:#666666;border-radius:5px;font-size:15px;font-weight:600;text-align:center;color:#fff;}
.sct_btn_buy:before{content: url('<?php echo $cur_img_url;?>/list_chk_icon.png');margin-right: 5px;top: 2px;position: relative;}
.sct_list_cost p{color: #13a89e;font-weight: 600;}
/*교재미리보기 팝업창*/
#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%);}
</style>
<?php
}
?>
<div class="class_skin_idx_<?php echo $sk_idx;?>">
<!--상품 리스트 시작-->
<div>
<ul class="sct_list_card">
<?php
for($i=0;$i<count($list);$i++){
$info = $list[$i];
if($info['code']==''){ continue; }// 상품이 없으면 패스한다.
$info['img_url'] = get_it_thumbnail($info['code'],$info['pic1'],$img_width, $img_height);
?>
<li class='sct_li' style="width:<?php echo $box_width;?>px;">
<input type='hidden' id='code' value='<?php echo $info['code'];?>'>
<!--상품 이미지-->
<div class="sct_list_img float_l"><a href="<?php echo $info['href'];?>"><img src="<?php echo $info['img_url'];?>"></a></div>
<!--상품 설명-->
<div class="sct_list_pro float_l">
<!--상품 타이틀-->
<div class="sct_list_tit">
<h2 class="sct_img pt5 pb5 txt13 bold ellipsis"><a href="<?php echo $info['href'];?>"><?php echo $info['name']?></a></h2>
<?php if($info['remarks']!=''){ ?>
<p><?php echo $info['remarks'];?></p>
<?php } ?>
<?php if($info['norm']!=''){ ?>
<p><?php echo $info['norm'];?></p>
<?php } ?>
</div>
<!--상품 소개-->
<ul class="sct_list_txt float_l">
<li><span>영역</span><p class="ellipsis"><?php echo $info['wt_range'];?></p></li>
<li><span>대상</span><p class="ellipsis"><?php echo $info['wt_target'];?></p></li>
<li class="sct_list_cost"><span>정가</span>
<?php if($configshop['price_level']<=$cinfo['mb_lv']){ // 가격표시권한이 있을경우만?>
<p class="ellipsis"><?php echo $info['saleprice'];?>원</p>
<?php }?>
</li>
<li><span>사양</span><p class="ellipsis"><?php echo $info['wt_spec'];?></p></li>
<li><span>출판사</span><p class="ellipsis"><?php echo $info['wt_birth'];?></p></li>
</ul>
<!--상품 퀵메뉴-->
<div class="sct_list_btn float_l">
<div class="sct_btn_view book_view_btn">미리보기</div>
<div class="sct_btn_buy" onclick="document.location.href='<?php echo $info['href'];?>';">구매하기</div>
</div>
</div>
</li>
<?php
}
?>
</ul>
<div class='pg_wrap' style='padding-top:0px;'>
<?php echo get_paging($list_num, $page, $total_page, "?$qstr");?>
</div>
</div>
<!--상품 리스트 끝(한 페이지 10개 노출 구성)-->
</div>
<script>
$(function(){
$(".item_cnt_class").html("<?php echo $total_count;?>"); // 총 상품 갯수 부분을 업데이트 한다.
$("#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="+$(this).closest("li").find("#code").val(),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 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-->
|