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
|
<?php
Global $cateinfo, $cate_item_search, $app_id;
// 분류내용이 많은 경우 느려지는경우가 있어서 해당부분을 파일캐시로 저장해서 영역부분 가져올수 있도록 처리하는 방법 추가함
// 캐시는 list_{분류코드}^{$options['shop_category_stamp']} 로 저장
// $options['shop_category_stamp']는 관리자에서 분류나, 상품이 갱신되면 처리함
$view_file = cate_head_get("list_".$cateinfo['code']);
$cur_img_url = $j3_img_url."/".$sk['sk_img_path'];
$cate_list = $cate2array = cate_lv2_list_get();
if($skin_css!=''){
echo $skin_css;
} else {
?>
<style>
/*--상단 카테고리--*/
.sct_menu ul{display:table;border:1px solid #989899;box-sizing:border-box;background:#f2f3f5;}
.sct_menu ul li{float: left;background:#f2f3f5;position:relative;padding: 10px 0;font-size: 13.5px;font-weight: 600;}
.sct_menu ul li a{width: 111px;text-align: center;display: block;padding: 20px 0;color:#7b7b7b;border-right: 1px dashed #8d8d8d;}
.sct_menu ul li:last-child a{border:0;}
.sct_menu ul li.on{border:3px solid #950695;padding: 7px 0;background:#fff;margin-left: -1px;}
.sct_menu ul li.on a{border:0;color:#950695;width: 105px;}
.sct_menu ul li.on:after{content: '▼';position: absolute;bottom: -13px;left: 50%;transform: translateX(-50%);color:#950695;font-size:22px;}
.sct_menu ul li:nth-child(9n) a{border:0;}
/*--상품 출력방법 & 검색--*/
#sct_list_box {position:relative;display:block;width:100%;height:30px;z-index:9;}/*background:pink;*/
#sct_list_box .list_select {position:absolute;top:0;right:0px;z-index:9999;}
.list_select {position:relative;float:left;width:417px;height:30px;z-index:9;}
.icon_down {position:absolute;top:50%;right:15px;display:block;width:16px;height:10px;margin-top:-5px;overflow:hidden;zoom:1;vertical-align:top;background:url('<?php echo $cur_img_url;?>/location.png') 0 -94px no-repeat;}
.list_select .select {display:block;padding-right:30px;text-indent:15px;height:30px;line-height:28px;background:#fff;border:1px solid #ccc;overflow:hidden;width:150px;}
.list_select .depth {display:none;position:absolute;top:30px;left:0;width:150px;background-color:#fff;border:1px solid #ccc;border-top:0 none;z-index:20;}
.list_select .depth > li a {display:block;text-indent:15px;width:100%;height:29px;line-height:29px;border-bottom:1px solid #ccc;overflow:hidden;}
.list_select .depth > li a:hover {background:#fafafa;}
#sct_search {position:absolute;right:0px;top:0px;}
#sct_search input[type=text] {padding-left:7px;width:188px;height:30px;border:1px solid #ccc;}
#sct_search input[type=image] {display:block;float:right;padding:4px 5px;text-indent:-9999px;border:1px solid #ccc;border-left:0px none;overflow:hidden;zoom:1;}/*background:url('<?php echo $cur_img_url;?>/location.png') 8px -122px no-repeat;*/
.search_btn{width:60px; height:30px;margin-left:5px;}
</style>
<?php
}
?>
<div class="class_skin_idx_<?php echo $sk_idx;?>">
<!--상단 카테고리-->
<div class="sct_menu mt20 mb50">
<ul>
<?php
foreach($cate_list as $key=>$cate){
if($cate['code2']==$code){ $class="on"; } else { $class=""; }
?>
<li class="<?php echo $class;?>"><a href='./list.php?code=<?php echo $cate['code2'];?>'><?php echo $cate['name'];?></a></li>
<?php
}
?>
</ul>
</div>
<!--상품 리스트 타이틀-->
<div id="sct_title" class="mb30 txt32 align_c bold"><?php echo $cateinfo['name'];?></div>
<!--상품 출력방법 & 검색-->
<div id="sct_list_box" class="mb20">
<div class="pt15 txt15">총 <span class="custom1 bold item_cnt_class">0</span>개 상품</div>
<div class="list_select sort_select">
<!--상품 출력방법-->
<a class="select order_list_class relative">--출력방법--<span class="icon_down"></span></a>
<ul class="depth">
<?php
foreach($orderkey_array as $key=>$val){
?>
<li><a href='<?php echo "{$j3_shop_url}/list.php?{$qstr_order}&orderkey={$key}";?>'><?php echo $val;?></a></li>
<?php
}
?>
</ul>
<form name='cate_item_search_form' method='get' action="?">
<input type='hidden' name='code' value='<?php echo $code;?>'>
<!--상품검색-->
<div id="sct_search">
<input type="text" name='cate_item_search' placeholder="검색어를 입력하세요." value='<?php echo $cate_item_search;?>'/>
<input type="button" value="검색" class="white bold line0 bg_custom1 pointer search_btn">
</div><!-- #sct_search -->
</form>
</div>
<script>
$(function() {
$(".sort_select").mouseenter(function(){
$(this).children("ul").slideDown();
});
$(".sort_select").mouseleave(function(){
$(this).children("ul").slideUp();
});
});
</script>
</div><!-- #sct_list -->
</div><!--상품 상단 끝-->
</div>
|