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
|
<?php
Global $prodinfo, $cateinfo;
$cur_img_url = $j3_img_url."/".$sk['sk_img_path'];
if($skin_css!=''){
echo $skin_css;
} else {
?>
<style>
.txt21 {font-size:21px;}
</style>
<?php
}
?>
<div class="class_skin_idx_<?php echo $sk_idx;?>">
<!-- 상품상세 -->
<section class="separate_line">
<!--스크롤이 내려가면 상단에 붙도록~ 추가할스타일 style="position:fixed;top:0px;"-->
<ul class="relative width_full height50 align_c gray_line_t custom_line12 bg_white z10">
<li class="float_l height40" style="width:20%;"><a href="#tab1" class="in_block width_full black txt13 bold l_height50 space_1 ellipsis">상세설명</a></li>
<?php if($configshop['item_use_type']!='0'){ // 사용후기 사용 안하면 숨김?>
<li class="float_l height40" style="width:20%;"><a href="#tab2" class="in_block width_full black txt13 bold l_height50 space_1 ellipsis">상품후기</a></li>
<?php }?>
<li class="float_l height40" style="width:20%;"><a href="#tab3" class="in_block width_full black txt13 bold l_height50 space_1 ellipsis">상품문의</a></li>
<li class="float_l height40" style="width:20%;"><a href="#tab4" class="in_block width_full black txt13 bold l_height50 space_1 ellipsis">배송정보</a></li>
<li class="float_l height40" style="width:20%;"><a href="#tab5" class="in_block width_full black txt13 bold l_height50 space_1 ellipsis">교환/반품</a></li>
</ul>
<article class="gray_line_b2">
<h3><a name="tab1"><span class="screen_out">상세설명</span></a></h3>
<div class='com_explain_class mobile_explain_class'>
<?php echo $prodinfo['item_mobile_explain']; ?>
</div>
</article>
<!-- 관련상품 -->
<section class="p0_10 gray_line_b2 separate_line clearfix">
<h2 class="mb10 l_height40 align_c black_line_b">관련상품</h2>
<!-- 첫줄 -->
<!-- ul : 높이값 = (이미지높이 + 하단마진 + 하단패딩) * 상품갯수 -->
<ul class="width_full" id="sit_rel_list" style="">
</ul>
</section>
<!-- //관련상품 -->
<article class="p15_0 p0_10 gray_line_b2 separate_line <?php if($configshop['item_use_type']=='0'){ echo "screen_out"; } // 사용후기 사용안하면 숨김?>">
<h3><a name="tab2"><span class="">상품후기</span></a></h3>
<p class="mb5 txt13 screen_out">구매 후 상품후기 작성 시 <span class="custom1 bold ">100p</span>가 적립됩니다.</p>
<table class="width_full txt12 normal black_line_t">
<colgroup>
<col class="width100"><col>
</colgroup>
<tbody class='prod_use_tbody_class'><!-- 후기 내용이 들어갈 영역 -->
</tbody>
</table>
<div class="mt7 width_full">
<a class="block height30 txt13 align_c l_height30 bg_custom1" href='<?php echo $j3_shop_url;?>/mypage.php'><span class="white bold">후기쓰기</span></a>
</div>
<div class='pg_wrap use_paging_class' style='padding-top:0px;'><!-- 후기 페이징 들어갈 영역 --></div>
</article>
<article class="p15_0 p0_10 gray_line_b2 separate_line">
<h3><a name="tab3"><span class="screen_out">상품문의</span></a></h3>
<p class="mb5 txt13 align_j">결제 및 배송, 주문취소, 교환/반품에 대한 문의는 <span class="custom1 bold">마이페이지의 1:1문의</span>를 이용해주세요.</p>
<table class="width_full txt12 normal black_line_t">
<colgroup>
<col><col class="width100">
</colgroup>
<tbody class='prod_qa_tbody_class'><!-- 후기 내용이 들어갈 영역 -->
</tbody>
</table>
<div class="mt7 width_full">
<a class="block height30 txt13 align_c l_height30 bg_custom1 prod_qa_new_class"><span class="white bold">상품문의하기</span></a>
</div>
<div class='pg_wrap qa_paging_class' style='padding-top:0px;'><!-- 문의 페이징 들어갈 영역 -->
</div>
</article>
<article class="p15_0 p0_10 gray_line_b2 separate_line" style='font-size:0.8em;'>
<a name="tab4"></a>
<?php echo $configshop['deli_info'];?>
</article>
<article class="p15_0 p0_10 gray_line_b2 separate_line" style='font-size:0.8em;'>
<a name="tab5"></a>
<?php echo $configshop['deli_return'];?>
</article>
</section>
<!-- //상품상세 -->
</div>
<script>
$(function(){
$div_width = $(".mobile_explain_class").innerWidth();
setTimeout(function(){
$(".mobile_explain_class img").each(function(){
$img_width = $(this).width();
if($div_width<$img_width){
$(this).css("width","100%").css("max-width","800px").css("height","").attr("width","").attr("height","");
}
});
},700);
});
</script>
|