쇼핑몰: #195 상품상세 선택/추가 옵션 마크업 1차 분기
This commit is contained in:
@ -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}
|
||||
|
||||
@ -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);
|
||||
|
||||
@ -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 } // 갤러리가 아닐 경우 끝 ?>
|
||||
|
||||
Reference in New Issue
Block a user