쇼핑몰: #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 {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_title {margin:0 0 5px;font-size:1.3em}
#sit_desc {margin:0 0 5px;padding:0;color:#999} #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 .sit_star {position:relative;top:-2px;margin:0 5px 0 0}
#sit_star_sns a {position:relative;top:-2px} #sit_star_sns a {position:relative;top:-2px}
#sit_ov_tbl {margin-bottom:20px;width:100%;border:0;border-collapse:collapse} .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 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 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_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_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_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_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 {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:after {display:block;visibility:hidden;clear:both;content:""}
#sit_ov_btn li {float:left;margin:0 0 0 1px} #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 ''; return '';
$str = ''; $str = '';
$str .= '<tr>'.PHP_EOL;
$str .= '<th>추가상품</th>'.PHP_EOL;
$str .= '<td>추가구매를 원하시면 선택하세요.</td>'.PHP_EOL;
$str .= '</tr>'.PHP_EOL;
$subj = explode(',', $subject); $subj = explode(',', $subject);
$subj_count = count($subj); $subj_count = count($subj);

View File

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