쇼핑몰: #195 상품상세 선택/추가 옵션 마크업 1차 분기

This commit is contained in:
whitedot
2013-05-24 16:18:21 +09:00
parent 41f92caa4d
commit f8b9f0c775
3 changed files with 53 additions and 19 deletions

View File

@ -485,6 +485,7 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {position:relative;float:right;padding:50px 15px 15px;width:358px;height:auto !important;height:355px;min-height:355px}
#sit_ov h3 {margin:0 0 10px}
#sit_title {margin:0 0 5px;font-size:1.3em}
#sit_desc {margin:0 0 5px;padding:0;color:#999}
@ -497,14 +498,17 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
#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_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_sel_btn {position:relative} /* 선택/추가옵션용 추가 버튼 */
.sit_sel_btn button {position:absolute;top:-51px;right: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}

View File

@ -603,10 +603,6 @@ function get_item_supply($it_id, $subject)
return '';
$str = '';
$str .= '<tr>'.PHP_EOL;
$str .= '<th>추가상품</th>'.PHP_EOL;
$str .= '<td>추가구매를 원하시면 선택하세요.</td>'.PHP_EOL;
$str .= '</tr>'.PHP_EOL;
$subj = explode(',', $subject);
$subj_count = count($subj);

View File

@ -240,12 +240,12 @@ else
<section id="sit_ov">
<h2 id="sit_title"><?php echo stripslashes($it['it_name']); ?></h2>
<p id="sit_desc"><?php echo $it['it_basic']; ?></p>
<!-- ########## 상품 기본옵션/추가옵션에 따른 출력 - 지운아빠 2013-05-24 -->
<!-- ########## 상품 선택옵션/추가옵션에 따른 출력 - 지운아빠 2013-05-24 -->
<!-- 스크린리더에서만 출력할 예정 -->
<p id="sit_opt_info">
상품 기본옵션 n 개, 추가옵션 n 개
상품 선택옵션 n 개, 추가옵션 n 개
</p>
<!-- ########## 상품 기본옵션/추가옵션에 따른 출력 끝 -->
<!-- ########## 상품 선택옵션/추가옵션에 따른 출력 끝 -->
<?php if ($score = get_star_image($it['it_id'])) { ?>
<div id="sit_star_sns">
<?php
@ -259,7 +259,7 @@ else
<?php echo get_sns_share_link('googleplus', $sns_url, $sns_title, G4_URL.'/img/shop/sns_goo2.png'); ?>
</div>
<?php } ?>
<table id="sit_ov_tbl">
<table class="sit_ov_tbl">
<colgroup>
<col class="grid_3">
<col>
@ -321,23 +321,57 @@ else
</td>
</tr>
<?php } ?>
</tbody>
</table>
<?php // 선택옵션
echo get_item_options($it['it_id'], $it['it_option_subject']);
?>
<!-- ########## 선택옵션이 있을 때만 출력 - 지운아빠 2013-05-24 -->
<section>
<h3>선택옵션</h3>
<table class="sit_ov_tbl">
<colgroup>
<col class="grid_3">
<col>
</colgroup>
<tbody>
<?php // 선택옵션
echo get_item_options($it['it_id'], $it['it_option_subject']);
?>
</tbody>
</table>
<div class="sit_sel_btn">
<button type="button" id="sit_sel_submit" class="btn_frmline">추가</button>
</div>
</section>
<!-- ########## 선택옵션이 있을 때만 출력 끝 -->
<?php // 추가옵션
echo get_item_supply($it['it_id'], $it['it_supply_subject']);
?>
<!-- ########## 추가옵션이 있을 때만 출력 - 지운아빠 2013-05-24 -->
<section>
<h3>추가옵션</h3>
<table class="sit_ov_tbl">
<colgroup>
<col class="grid_3">
<col>
</colgroup>
<tbody>
<?php // 추가옵션
echo get_item_supply($it['it_id'], $it['it_supply_subject']);
?>
</tbody>
</table>
<div class="sit_sel_btn">
<button type="button" id="sit_sel_submit" class="btn_frmline">추가</button>
</div>
</section>
<!-- ########## 추가옵션이 있을 때만 출력 끝 -->
<tr>
<!-- <tr> ##### 삭제대상 - 지운아빠 2013-05-24
<th scope="row">수량</th>
<td>
<input type="text" name="ct_qty" value="1" class="sit_ov_input" size="4" maxlength="4" autocomplete="off" onkeyup="amount_change()">
<button type="button" onclick="javascript:qty_add(+1);" class="btn_frmline"><span class="sound_only">수량 1개 </span>증가</button>
<button type="button" onclick="javascript:qty_add(-1);" class="btn_frmline"><span class="sound_only">수량 1개 </span>감소</button>
</td>
</tr>
</tr> -->
<?php } // 전화문의가 아닐 경우 끝 ?>
<?php } // 갤러리가 아닐 경우 끝 ?>