파워옵션 고객선택형(재고+가격) 이용 시, 각 옵션에 대한 기타 내용을 추가로 입력 할 수 있습니다.


<< 적용가능 페이지 >>

개별디자인 > 중앙 디자인 > 상품관련 > 상품 상세 페이지 > 기본 상세 페이지


<< 디자인 편집탭 >>

<!--/if_option_note/-->
<tr>
    <td colspan="2">
        <div class="opt-note">
            <table width=100% summary="옵션명, 비고값">                <caption>옵션 목록</caption>
                <colgroup>
                    <col width="40%">
                    <col width="60%">
                </colgroup>
                <thead>
                    <tr>
                        <th><div class="tb-center">옵션명</div></th>
                        <th><div class="tb-center">비고값</div></th>
                    </tr>
                </thead>
                <tbody>
<!--/loop_option_note/-->
                    <tr>
                        <td><div class="tb-center"><!--/option_note@option/--></div></td>
                        <td><div class="tb-center"><!--/option_note@note/--></div></td>
                    </tr>
                 
<!--/end_loop/-->
                </tbody>
            </table>
        </div>
    </td>
</tr> 
<!--/end_if/-->


<< CSS탭 >>

#productDetail .thumb-info .info .opt-note { border-top: 1px solid #ddd; }
#productDetail .thumb-info .info .opt-note th,
#productDetail .thumb-info .info .opt-note td { padding: 6px 0 4px; border-bottom: 1px solid #ddd; }
#productDetail .thumb-info .info .opt-note th { background: #eee; font-weight: bold; }



<< 모바일용 CSS >>

.opt-note { text-align: center; border-top: 1px solid #ddd; }
.opt-note th,
.opt-note td { padding: 6px 0 4px; border-bottom: 1px solid #ddd; }
.opt-note th { background: #eee; font-weight: bold; }


<< 참고>>
파워팩은 지원하지 않습니다.