쇼핑몰: #122 #129 상품상세보기 상품정보, 이미지 새창 보기 기본 작업 중

css/default_shop.css

@@ -249,6 +249,26 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
 
 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}
 
+/* 테이블 그리드 padding 0 5px 고려한 넓이 */
+.grid_1 {width:40px}
+.grid_2 {width:90px}
+.grid_3 {width:140px}
+.grid_4 {width:190px}
+.grid_5 {width:240px}
+.grid_6 {width:290px}
+.grid_7 {width:340px}
+.grid_8 {width:390px}
+.grid_9 {width:440px}
+.grid_10 {width:490px}
+.grid_11 {width:540px}
+.grid_12 {width:590px}
+.grid_13 {width:640px}
+.grid_14 {width:690px}
+.grid_15 {width:740px}
+.grid_16 {width:790px}
+.grid_17 {width:840px}
+.grid_18 {width:890px}
+
 /* 테이블 항목별 정의 */
 .td_chk {width:30px;text-align:center}
 .td_group {width:100px;text-align:center}
@@ -414,8 +434,56 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
 /* ##### maintype(nn).inc.php, list.skin.(nn).php 공통 적용 끝 ##### */
 
 /* 상품 상세보기 */
-.sit_icon {display:inline-block;margin:0 0 0 4px}
+#sit {margin:10px 0;border:1px solid #e9e9e9}
-.sit_icon img {margin:0 4px 0 0}
+.sit_admin {text-align:right}
+
+/* 상품 상세보기 - 개요 */
+#sit_ov_wrap {margin:0 0 20px;border-bottom:1px solid #e9e9e9;zoom:1}
+#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:''}
+
+/* 상품 상세보기 - 이미지 미리보기 */
+#sit_pvi {float:left;padding:15px;width:320px}
+#sit_pvi_big {margin:0 0 10px}
+#sit_pvi_big img {width:320px;height:320px}
+#sit_pvi_thumb {margin:0;padding:0;list-style:none;zoom:1}
+#sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:''}
+#sit_pvi_thumb li {float:left;margin:0 5px 0 0}
+#sit_pvi_thumb .li_last {margin:0 !important}
+#sit_pvi_thumb img {width:60px;height:60px}
+
+/* 상품 상세보기 - 간략정보 및 구매기능 */
+#sit_ov {position:relative;float:right;padding:50px 15px 15px;width:358px;height:auto !important;height:355px;min-height:355px;background:#f5f6fa}
+#sit_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+
+#sit_title {display:inline-block;margin:0 0 5px;font-size:1.3em}
+#sit_desc {display:inline-block;margin:0 0 10px;color:#999}
+.sit_icon {display:block;margin:5px 0 0}
+.sit_icon img {margin:0 1px 0 0;border:1px solid #fff}
+
+#sit_star_sns {position:absolute;top:15px;right:15px;color:#b8afa2;font-size:0.95em;letter-spacing:-0.1em}
+#sit_star_sns span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
+#sit_star_sns .sit_star {position:relative;top:-2px;margin:0 5px 0 0}
+#sit_star_sns a {position:relative;top:-2px}
+
+#sit_ov_tbl {margin-bottom:20px;width:100%;border:0;border-collapse:collapse}
+#sit_ov_tbl th {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-weight:normal;text-align:left}
+#sit_ov_tbl td {padding:7px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
+.sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle}
+.sit_ov_opt {padding:2px 2px 3px;border:0;background:transparent;vertical-align:middle}
+.sit_ov_input {margin:0 1px 0 0;padding:2px 2px 3px;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
+#sit_ov_tbl button {margin:0 1px 0 0}
+
+#sit_ov_btn {margin:0 0 0 34px !important;margin:0 0 0 33px;padding:0;list-style:none;zoom:1}
+#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:''}
+#sit_ov_btn li {float:left;margin:0 0 0 1px}
+#sit_ov_btn a {display:inline-block;padding:10px 0 8px;width:80px;font-size:0.95em;text-align:center;text-decoration:none;letter-spacing:-0.1em}
+#sit_btn_buy {background:#ff5b89;color:#fff}
+#sit_btn_cart,
+#sit_btn_wish {background:#555;color:#fff}
+#sit_btn_rec {background:#888;color:#fff}
+
+/* 상품 상세보기 - 다른 상품 보기 */
+#sit_siblings {}
 
 /* 공지사항 및 커뮤니티 새글 */
 #sidx_lat {padding:15px 0 0;border-top:1px solid #ddd}

lib/shop.lib.php

@@ -89,7 +89,7 @@ function get_large_image($img, $it_id, $btn_image=true)
         $height = $size[1];
         $str = '<a href="javascript:popup_large_image(\''.$it_id.'\', \''.$img.'\', '.$width.', '.$height.', \''.G4_SHOP_URL.'\')">';
         if ($btn_image)
-            $str .= '<img src="'.G4_SHOP_URL.'/img/btn_zoom.gif" alt="확대보기"></a>';
+            $str .= '큰이미지</a>';
     }
     else
         $str = '';
@@ -370,11 +370,11 @@ function get_item_options($subject, $option, $index)
     // 옵션이 하나일 경우
     if (count($arr) == 1)
     {
-        $str = $option;
+        $str = '<input type="text" value='.$option.' id="sit_opt_'.$index.'" readonly class="sit_ov_opt">';
     }
     else
     {
-        $str = '<select name="it_opt'.$index.'" onchange="amount_change()">'.PHP_EOL;
+        $str = '<select name="it_opt'.$index.'" id="sit_opt_'.$index.'" onchange="amount_change()">'.PHP_EOL;
         for ($k=0; $k<count($arr); $k++)
         {
             $arr[$k] = str_replace("\r", "", $arr[$k]);
@@ -448,8 +448,9 @@ function it_name_icon($it, $it_name="", $url=1)
     $str = '';
     if ($it_name)
         $str = $it_name;
-    else
+    // 제목이 없으면 아이콘만 나오도록 주석처리 - 지운아빠 2013-05-03
-        $str = stripslashes($it['it_name']);
+    //else
+    //    $str = stripslashes($it['it_name']);
 
     if ($url)
         $str = '<a href="'.G4_SHOP_URL.'/item.php?it_id='.$it['it_id'].'">'.$str.'</a>';

shop/item.php

@@ -77,6 +77,9 @@ include G4_SHOP_PATH.'/navigation1.inc.php';
 // 이 분류에 속한 하위분류 출력
 include G4_SHOP_PATH.'/listcategory.inc.php';
 
+if ($is_admin)
+    echo '<div class="sit_admin"><a href="'.G4_ADMIN_URL.'/shop_admin/itemform.php?w=u&amp;it_id='.$it_id.'" class="btn_admin">상품 관리</a></div>';
+
 $himg = G4_DATA_PATH.'/item/'.$it_id.'_h';
 if (file_exists($himg))
     echo '<div id="sit_himg" class="sit_img"><img src="'.G4_DATA_URL.'/item/'.$it_id.'_h" alt=""></div>';
@@ -95,9 +98,11 @@ $row = sql_fetch($sql);
 if ($row['it_id']) {
     $prev_title = '이전상품보기 '.$row['it_name'];
     $prev_href = '<a href="./item.php?it_id='.$row['it_id'].'">';
+    $prev_href = '</a>';
 } else {
-    $prev_title = '이전상품없음';
+    $prev_title = '';
     $prev_href = '';
+    $prev_href2 = '';
 }
 
 // 다음 상품보기
@@ -109,11 +114,13 @@ $sql = " select it_id, it_name from {$g4['shop_item_table']}
           limit 1 ";
 $row = sql_fetch($sql);
 if ($row['it_id']) {
-    $next_title = '다음상품보기 '.$row['it_name'];
+    $next_title = '다음 상품 '.$row['it_name'];
     $next_href = '<a href="./item.php?it_id='.$row['it_id'].'">';
+    $next_href2 = '</a>';
 } else {
-    $next_title = '다음상품없음';
+    $next_title = '';
     $next_href = '';
+    $next_href2 = '';
 }
 
 // 관련상품의 갯수를 얻음
@@ -135,72 +142,83 @@ else
     $action_url = './cartupdate.php';
 ?>
 
-<form name="fitem" action="<?php echo $action_url; ?>" method="post">
+<div id="sit">
-<input type="hidden" name="it_id" value="<?php echo $it['it_id']; ?>">
-<input type="hidden" name="it_name" value="<?php echo $it['it_name']; ?>">
-<input type="hidden" name="sw_direct">
-<input type="hidden" name="url">
 
-<!-- item title --><?php echo it_name_icon($it, stripslashes($it['it_name']), 0); ?>
+    <form name="fitem" action="<?php echo $action_url; ?>" method="post">
+    <input type="hidden" name="it_id" value="<?php echo $it['it_id']; ?>">
+    <input type="hidden" name="it_name" value="<?php echo $it['it_name']; ?>">
+    <input type="hidden" name="sw_direct">
+    <input type="hidden" name="url">
 
-<?php
+    <div id="sit_ov_wrap">
-if ($is_admin)
+        <div id="sit_pvi">
-    echo '<div class="sit_admin"><a href="'.G4_ADMIN_URL.'/shop_admin/itemform.php?w=u&it_id='.$it_id.'">상품 관리</a></div>';
-?>
-
-<!-- 이미지 미리보기 -->
-<div>
             <?php
-    $middle_image = $it['it_id']."_m";
+            $img_big = $it['it_id'].'_l1'; // 기본이미지(대)
             ?>
-    <?php echo get_large_image($it['it_id']."_l1", $it['it_id'], false); ?><?php echo get_it_image($middle_image); ?>
+            <div id="sit_pvi_big">
+                <?php echo get_large_image($it['it_id'].'_l1', $it['it_id'], false); ?><?php echo get_it_image($img_big); ?><span class="sound_only">새창</span></a>
+            </div>
             <?php
+            // 이미지(중) 썸네일
             for ($i=1; $i<=5; $i++)
             {
-        if (file_exists(G4_DATA_PATH."/item/{$it_id}_l{$i}"))
+                if ($i == 1) echo '<ul id="sit_pvi_thumb">';
+                if ($i == 5) $sit_pvi_last = 'class="li_last"';
+                echo '<li '.$sit_pvi_last.'>';
+                if (file_exists(G4_DATA_PATH.'/item/'.$it_id.'_l'.$i))
                 {
-            echo get_large_image("{$it_id}_l{$i}", $it['it_id'], false);
+                    echo get_large_image($it_id.'_'.$i, $it['it_id'], false);
-            if ($i==1 && file_exists(G4_DATA_PATH."/item/{$it_id}_m"))
+                    if ($i==1 && file_exists(G4_DATA_PATH.'/item/'.$it_id.'_s'))
-                echo "<img id=\"middle{$i}\" src=\"".G4_DATA_URL."/item/{$it_id}_m\" border=\"0\" width=\"40\" height=\"40\" style=\"border:1px solid #E4E4E4;\" ";
+                        echo '<img src="'.G4_DATA_URL.'/item/'.$it_id.'_s" alt="" id="sit_pvi_t'.$i.'" ';
                     else
-                echo "<img id=\"middle{$i}\" src=\"".G4_DATA_URL."/item/{$it_id}_l{$i}\" border=\"0\" width=\"40\" height=\"40\" style=\"border:1px solid #E4E4E4;\" ";
+                        echo '<img src="'.G4_DATA_URL.'/item/'.$it_id.'_l'.$i.'" alt="" id="sit_pvi_t'.$i.'" ';
-            echo " onmouseover=\"document.getElementById('$middle_image').src=document.getElementById('middle{$i}').src;\">";
+                    //echo ' onmouseover="document.getElementById(\''.$middle_image.'\').src=document.getElementById(\'middle'.$i.'\').src;">';
-            echo "</a> &nbsp;";
+                    echo '>';
                 }
+                echo '</li>';
             }
+            if ($i > 1) echo '</ul>';
             ?>
-    <?php echo $prev_href; ?><img src='<?php echo G4_SHOP_URL; ?>/img/prev.gif' border=0 title='<?php echo $prev_title; ?>'></a>
+        </div>
-    <?php echo get_large_image($it['it_id']."_l1", $it['it_id']); ?>
-    <?php echo $next_href; ?><img src='<?php echo G4_SHOP_URL; ?>/img/next.gif' border=0 title='<?php echo $next_title; ?>'></a>
-</div>
 
-<!-- 상품간략정보 및 구매 -->
+        <?php //echo it_name_icon($it, false, 0); ?>
-<div>
+
-    <table>
+        <section id="sit_ov">
+            <h2>상품간략정보 및 구매기능</h2>
+            <strong id="sit_title"><?php echo stripslashes($it['it_name']); ?></strong><br>
+            <span id="sit_desc"><?php echo $it['it_basic']; ?></span>
+            <?php if ($score = get_star_image($it['it_id'])) { ?>
+            <div id="sit_star_sns">
+                <?php
+                $sns_title = get_text($it['it_name']).' | '.get_text($config['cf_title']);
+                $sns_send  = G4_SHOP_URL.'/sns_send.php?url='.urlencode(G4_SHOP_URL.'/item.php?it_id='.$it['it_id']);
+                $sns_send .= '&amp;title='.urlencode(cut_str($sns_title, 100));
+                ?>
+                고객선호도 <span>별<?php echo $score?>개</span>
+                <img src="<?php echo G4_URL; ?>/img/shop/s_star<?php echo $score?>.png" alt="" class="sit_star">
+                <a href="<?php echo $sns_send; ?>&amp;sns=facebook" target="_blank"><img src="<?php echo G4_URL; ?>/img/shop/sns_fb2.png" alt="페이스북에 공유"></a>
+                <a href="<?php echo $sns_send; ?>&amp;sns=twitter" target="_blank"><img src="<?php echo G4_URL; ?>/img/shop/sns_twt2.png" alt="트위터에 공유"></a>
+                <a href="<?php echo $sns_send; ?>&amp;sns=google" target="_blank"><img src="<?php echo G4_URL; ?>/img/shop/sns_goo2.png" alt="구글플러스에 공유"></a>
+            </div>
+            <?php } ?>
+            <table id="sit_ov_tbl">
             <colgroup>
-        <col>
+                <col class="grid_3">
                 <col>
             </colgroup>
             <tbody>
-    <?php if ($score = get_star_image($it['it_id'])) { ?>
-    <tr>
-        <td>고객선호도</td>
-        <td><img src='<?php echo G4_SHOP_URL."/img/star{$score}.gif"; ?>' border=0></td></tr>
-    <tr><td colspan=3 height=1 background='<?php echo G4_SHOP_URL; ?>/img/dot_line.gif'></td></tr>
-    <?php } ?>
-
             <?php if ($it['it_maker']) { ?>
             <tr>
-        <td>제조사</td>
+                <th scope="row">제조사</th>
-        <td><?php echo $it['it_maker']; ?></td></tr>
+                <td><?php echo $it['it_maker']; ?></td>
-    <tr><td colspan=3 height=1 background='<?php echo G4_SHOP_URL; ?>/img/dot_line.gif'></td></tr>
+            </tr>
             <?php } ?>
 
             <?php if ($it['it_origin']) { ?>
             <tr>
-        <td>원산지</td>
+                <th scope="row">원산지</th>
-        <td><?php echo $it['it_origin']; ?></td></tr>
+                <td><?php echo $it['it_origin']; ?></td>
-    <tr><td colspan=3 height=1 background='<?php echo G4_SHOP_URL; ?>/img/dot_line.gif'></td></tr>
+            </tr>
             <?php } ?>
 
             <?php
@@ -208,12 +226,13 @@ if ($is_admin)
             for ($i=1; $i<=6; $i++)
             {
                 // 옵션에 문자가 존재한다면
-        $str = get_item_options(trim($it["it_opt{$i}_subject"]), trim($it["it_opt{$i}"]), $i);
+                $str = get_item_options(trim($it['it_opt'.$i.'_subject']), trim($it['it_opt'.$i]), $i);
                 if ($str)
                 {
-            echo "<tr>";
+                    echo '<tr>'.PHP_EOL;
-            echo "<td>".$it["it_opt{$i}_subject"]."</td>";
+                    echo '<th scope="row"><label for="sit_opt_'.$i.'">'.$it['it_opt'.$i.'_subject'].'</label></th>'.PHP_EOL;
-            echo "<td style='word-break:break-all;'>$str</td></tr>\n";
+                    echo '<td style="word-break:break-all;">'.$str.'</td>'.PHP_EOL;
+                    echo '</tr>'.PHP_EOL;
                 }
             }
             ?>
@@ -222,55 +241,53 @@ if ($is_admin)
             <?php if ($it['it_tel_inq']) { // 전화문의일 경우 ?>
 
             <tr>
-        <td>판매가격</td>
+                <th scope="row">판매가격</th>
-        <td><FONT COLOR="#FF5D00">전화문의</FONT></td></tr>
+                <td>전화문의</td>
-    <tr><td colspan=3 height=1 background='<?php echo G4_SHOP_URL; ?>/img/dot_line.gif'></td></tr>
+            </tr>
 
             <?php } else { // 전화문의가 아닐 경우?>
-
+            <?php if ($it['it_cust_amount']) { // 1.00.03?>
-    <?php if ($it['it_cust_amount']) { // 1.00.03 ?>
             <tr>
-        <td>시중가격</td>
+                <th scope="row"><label for="disp_cust_amount">시중가격</label></th>
-        <td><input type=text name=disp_cust_amount size=12 style='text-align:right; border:none; border-width:0px; font-weight:bold; width:80px; color:#777777; text-decoration:line-through;' readonly value='<?php echo number_format($it['it_cust_amount']); ?>'> 원</td>
+                <td>
+                    <input type="text" name="disp_cust_amount" value="<?php echo number_format($it['it_cust_amount']); ?>" id="disp_cust_amount" readonly class="sit_ov_ro" size="8"> 원
+                </td>
             </tr>
             <?php } // 전화문의 끝?>
 
             <tr>
-        <td>판매가격</td>
+                <th scope="row"><label for="disp_sell_amount">판매가격</label></th>
-        <td><input type=text name=disp_sell_amount size=12 style='text-align:right; border:none; border-width:0px; font-weight:bold; width:80px; font-family:Tahoma;' class=amount readonly> 원
+                <td>
-            <input type=hidden name=it_amount value='0'>
+                    <input type="text" name="disp_sell_amount" id="disp_sell_amount" readonly class="sit_ov_ro" size="8"> 원
+                    <input type="hidden" name="it_amount" value="0">
                 </td>
             </tr>
 
             <?php
-    /* 재고를 표시하는 경우 주석을 풀어주세요.
+            /* 재고 표시하는 경우 주석 해제
             <tr>
-        <td>재고수량</td>
+                <th scope="row">재고수량</th>
-        <td>:</td>
                 <td><?php echo number_format(get_it_stock_qty($it_id)); ?> 개</td>
             </tr>
-    <tr><td colspan=3 height=1 background='<?php echo G4_SHOP_URL; ?>/img/dot_line.gif'></td></tr>
             */
             ?>
 
             <?php if ($config['cf_use_point']) { // 포인트 사용한다면 ?>
             <tr>
-        <td>포 인 트</td>
+                <th scope="row"><label for="disp_point">포인트</label></th>
-        <td><input type=text name=disp_point size=12 style='text-align:right; border:none; border-width:0px; width:80px;' readonly> 점
+                <td>
-            <input type=hidden name=it_point value='0'>
+                    <input type="text" name="disp_point" id="disp_point" readonly class="sit_ov_ro" size="8"> 점
+                    <input type="hidden" name="it_point" value="0">
                 </td>
             </tr>
             <?php } ?>
 
             <tr>
-        <td>수 량</td>
+                <th scope="row">수량</th>
                 <td>
-            <input type=text name=ct_qty value='1' size=4 maxlength=4 class=ed autocomplete='off' style='text-align:right;' onkeyup='amount_change()'>
+                    <input type="text" name="ct_qty" value="1" class="sit_ov_input" size="4" maxlength="4" autocomplete="off" onkeyup="amount_change()">
-            <img src='<?php echo G4_SHOP_URL; ?>/img/qty_control.gif' border=0 align=absmiddle usemap="#qty_control_map"> 개
+                    <button type="button" onclick="javascript:qty_add(+1);" class="btn_frmline"><span class="sound_only">수량 1개 </span>증가</button>
-            <map name="qty_control_map">
+                    <button type="button" onclick="javascript:qty_add(-1);" class="btn_frmline"><span class="sound_only">수량 1개 </span>감소</button>
-            <area shape="rect" coords="0, 0, 10, 9" href="javascript:qty_add(+1);">
-            <area shape="rect" coords="0, 10, 10, 19" href="javascript:qty_add(-1);">
-            </map>
                 </td>
             </tr>
             <?php } ?>
@@ -279,14 +296,14 @@ if ($is_admin)
             </tbody>
             </table>
 
-    <ul>
+            <ul id="sit_ov_btn">
                 <?php if (!$it['it_tel_inq'] && !$it['it_gallery']) { ?>
-        <li><a href="javascript:fitemcheck(document.fitem, 'direct_buy');">바로구매</a></li>
+                <li><a href="javascript:fitemcheck(document.fitem, 'direct_buy');" id="sit_btn_buy">바로구매</a></li>
-        <li><a href="javascript:fitemcheck(document.fitem, 'cart_update');">장바구니</a></li>
+                <li><a href="javascript:fitemcheck(document.fitem, 'cart_update');" id="sit_btn_cart">장바구니</a></li>
                 <?php } ?>
                 <?php if (!$it['it_gallery']) { ?>
-        <li><a href="javascript:item_wish(document.fitem, '<?php echo $it['it_id']; ?>');">위시리스트</a></li>
+                <li><a href="javascript:item_wish(document.fitem, '<?php echo $it['it_id']; ?>');" id="sit_btn_wish">위시리스트</a></li>
-        <li><a href="javascript:popup_item_recommend('<?php echo $it['it_id']; ?>');">추천하기</a></li>
+                <li><a href="javascript:popup_item_recommend('<?php echo $it['it_id']; ?>');" id="sit_btn_rec">추천하기</a></li>
                 <?php } ?>
             </ul>
 
@@ -315,22 +332,36 @@ if ($is_admin)
                 }
             }
             </script>
-</div>
+        </section>
-</form>
+    </div>
 
-<!-- pg_anchor -->
+    </form>
-<ul class="sit_anchor">
+
+    <aside id="sit_siblings">
+        <h2>다른 상품 보기</h2>
+        <?php
+        if ($prev_href || $next_href) {
+            echo $prev_href.$prev_title.$prev_href2;
+            echo $next_href.$next_title.$next_href2;
+        } else {
+            echo '<span class="sound_only">이 분류에 등록된 다른 상품이 없습니다.</span>';
+        }
+        ?>
+    </aside>
+
+    <!-- pg_anchor -->
+    <ul class="sit_anchor">
         <li><a href="javascript:click_item('*');">상품정보</a></li>
         <li><a href="javascript:click_item('item_use');">사용후기<span id="item_use_count">0</span></a></li>
         <li><a href="javascript:click_item('item_qa');">상품문의 <span id="item_qa_count">0</span></a></li>
         <?php if ($default['de_baesong_content']) { ?><li><a href="javascript:click_item('item_baesong');">배송정보</a></li><?php } ?>
         <?php if ($default['de_change_content']) { ?><li><a href="javascript:click_item('item_change');">교환정보</a></li><?php } ?>
         <li><a href="javascript:click_item('item_relation');">관련상품<span id="item_relation_count">0</span></a></li>
-</ul>
+    </ul>
 
-<script>
+    <script>
-function click_item(id)
+    function click_item(id)
-{
+    {
         <?php
         echo "var str = 'item_explan,item_use,item_qa";
         if ($default['de_baesong_content']) echo ",item_baesong";
@@ -350,13 +381,11 @@ function click_item(id)
 
         if (id!='*')
             document.getElementById(id).style.display = 'block';
-}
+    }
-</script>
+    </script>
 
-
+    <!-- 상품설명 -->
-
+    <div id="item_explan">
-<!-- 상품설명 -->
-<div id="item_explan">
         <?php
         $sql = " select * from {$g4['shop_item_info_table']} where it_id = '$it_id' order by ii_id ";
         $result = sql_query($sql, false);
@@ -386,46 +415,46 @@ function click_item(id)
         <?php if ($it['it_explan']) { ?>
         <div id='div_explan'><?php echo conv_content($it['it_explan'], 1); ?></div>
         <?php } ?>
-</div>
+    </div>
-<!-- 상품설명 end -->
+    <!-- 상품설명 end -->
 
-<div id="item_ps">
+    <div id="item_ps">
         <?php
         // 사용후기
         $use_page_rows = 10;    // 사용후기 페이지당 목록수
         include_once('./itemuse.inc.php');
         ?>
-</div>
+    </div>
 
-<div id="item_qna">
+    <div id="item_qna">
         <?php
         // 상품문의
         $qa_page_rows = 10;     // 상품문의 페이지당 목록수
         include_once('./itemqa.inc.php');
         ?>
-</div>
+    </div>
 
 
-<?php if ($default['de_baesong_content']) { // 배송정보 내용이 있다면 ?>
+    <?php if ($default['de_baesong_content']) { // 배송정보 내용이 있다면 ?>
-<!-- 배송정보 -->
+    <!-- 배송정보 -->
-<div id="item_baesong">
+    <div id="item_baesong">
         <?php echo conv_content($default['de_baesong_content'], 1); ?>
-</div>
+    </div>
-<!-- 배송정보 end -->
+    <!-- 배송정보 end -->
-<?php } ?>
+    <?php } ?>
 
 
-<?php if ($default['de_change_content']) { // 교환/반품 내용이 있다면 ?>
+    <?php if ($default['de_change_content']) { // 교환/반품 내용이 있다면 ?>
-<!-- 교환/반품 -->
+    <!-- 교환/반품 -->
-<div id="item_change">
+    <div id="item_change">
         <?php echo conv_content($default['de_change_content'], 1); ?>
-</div>
+    </div>
-<!-- 교환/반품 end -->
+    <!-- 교환/반품 end -->
-<?php } ?>
+    <?php } ?>
 
 
-<!-- 관련상품 -->
+    <!-- 관련상품 -->
-<div id='item_relation' style='display:block;'>
+    <div id="item_relation">
         <?php
         $list_mod   = $default['de_rel_list_mod'];
         $img_width  = $default['de_rel_img_width'];
@@ -444,12 +473,12 @@ function click_item(id)
         else
             echo '이 상품과 관련된 상품이 없습니다.';
         ?>
-</div>
+    </div>
-<!-- 관련상품 end -->
+    <!-- 관련상품 end -->
 
-<script>
+    <script>
-function qty_add(num)
+    function qty_add(num)
-{
+    {
         var f = document.fitem;
         var qty = parseInt(f.ct_qty.value);
         if (num < 0 && qty <= 1)
@@ -470,10 +499,10 @@ function qty_add(num)
         f.ct_qty.value = qty;
 
         amount_change();
-}
+    }
 
-function get_amount(data)
+    function get_amount(data)
-{
+    {
         var str = data.split(";");
         var num = parseInt(str[1]);
         if (isNaN(num)) {
@@ -481,10 +510,10 @@ function get_amount(data)
         } else {
             return num;
         }
-}
+    }
 
-function amount_change()
+    function amount_change()
-{
+    {
         var basic_amount = parseInt("<?php echo get_amount($it); ?>");
         var basic_point  = parseFloat("<?php echo $it['it_point']; ?>");
         var cust_amount  = parseFloat("<?php echo $it['it_cust_amount']; ?>");
@@ -524,13 +553,13 @@ function amount_change()
             f.it_point.value = point;
             f.disp_point.value = number_format(String(point * ct_qty));
         }
-}
+    }
 
-<?php if (!$it['it_gallery']) { echo "amount_change();"; } // 처음시작시 한번 실행 ?>
+    <?php if (!$it['it_gallery']) { echo "amount_change();"; } // 처음시작시 한번 실행 ?>
 
-// 바로구매 또는 장바구니 담기
+    // 바로구매 또는 장바구니 담기
-function fitemcheck(f, act)
+    function fitemcheck(f, act)
-{
+    {
         // 판매가격이 0 보다 작다면
         if (f.it_amount.value < 0)
         {
@@ -574,45 +603,46 @@ function fitemcheck(f, act)
         amount_change();
 
         f.submit();
-}
+    }
 
-function addition_write(element_id)
+    function addition_write(element_id)
-{
+    {
         if (element_id.style.display == 'none') { // 안보이면 보이게 하고
             element_id.style.display = 'block';
         } else { // 보이면 안보이게 하고
             element_id.style.display = 'none';
         }
-}
+    }
 
-var save_use_id = null;
+    var save_use_id = null;
-function use_menu(id)
+    function use_menu(id)
-{
+    {
         if (save_use_id != null)
             document.getElementById(save_use_id).style.display = "none";
         menu(id);
         save_use_id = id;
-}
+    }
 
-var save_qa_id = null;
+    var save_qa_id = null;
-function qa_menu(id)
+    function qa_menu(id)
-{
+    {
         if (save_qa_id != null)
             document.getElementById(save_qa_id).style.display = "none";
         menu(id);
         save_qa_id = id;
-}
+    }
 
-if (document.getElementById("item_use_count"))
+    if (document.getElementById("item_use_count"))
         document.getElementById("item_use_count").innerHTML = "<?php echo $use_total_count; ?>";
-if (document.getElementById("item_qa_count"))
+    if (document.getElementById("item_qa_count"))
         document.getElementById("item_qa_count").innerHTML = "<?php echo $qa_total_count; ?>";
-if (document.getElementById("item_relation_count"))
+    if (document.getElementById("item_relation_count"))
         document.getElementById("item_relation_count").innerHTML = "<?php echo $item_relation_count; ?>";
 
-// 상품상세설명에 있는 이미지의 사이즈를 줄임
+    // 상품상세설명에 있는 이미지의 사이즈를 줄임
-function explan_resize_image()
+    // 삭제 대상 - 지운아빠 2013-05-03
-{
+    function explan_resize_image()
+    {
         var image_width = 600;
         var div_explan = document.getElementById('div_explan');
         if (div_explan) {
@@ -649,22 +679,25 @@ function explan_resize_image()
                 */
             }
         }
-}
+    }
-</script>
+    </script>
 
-<script type="text/javascript">
+    <!-- 삭제 대상 -지운아빠 2013-05-03 -->
-$(function() {
+    <script type="text/javascript">
+    $(function() {
         explan_resize_image();
-});
+    });
-</script>
+    </script>
+
+</div><!-- #sit 끝 -->
 
 <?php
 // 하단 HTML
 echo stripslashes($it['it_tail_html']);
 
-$timg = G4_DATA_PATH."/item/{$it_id}_t";
+$timg = G4_DATA_PATH.'/item/'.$it_id.'_t';
 if (file_exists($timg))
-    echo "<img src='".G4_DATA_URL."/item/{$it_id}_t' border=0><br>";
+    echo '<div id="sit_timg" class="sit_img"><img src="'.G4_DATA_URL.'/item/'.$it_id.'_t" alt=""></div>';
 
 if ($ca['ca_include_tail'])
     @include_once($ca['ca_include_tail']);