VIP 옵션선택 영역 가이드

영역

스크롤 기능

옵션선택

화면예시





관련 함수


관련함수 동작을 위한 버튼 셋팅

sample code

<dl class="vip_detail_line vip_detail_line__select">
    <dt class="title">옵션선택</dt>
    <dd class="data">
        <div class="select_wrap select_wrap__btn" style="width:290px;">
            <button type="button" class="ui_select_option" data-target="#selectoption_1" data-name="opt_1">옵션을 선택하세요 </button>
        </div>
    </dd>


    <dd class="select_option_wrap" id="selectoption_1" style="display: none;">
        <button type="button" class='spr-common btn-close-05'></button>
        <!-- js-template -->
    </dd>
</dl>
var optionData = {
    'opt_1' : {
        'title' : '선택',
        'subTitle' : '사이즈',
        'options' : [
            {
                'link' : '#', // 추가 할당 이벤트가 필요할 경우 javascript:onclick( functionName() ) 으로 삽입 가능.
                'string' : '화이트 도트', // html 에 뿌려질 텍스트
                'value' : '620||화이트 도트||0', // data-value 값에 추가됨.
                'price' : '19900',
                'len' : 100,  // 상품의 갯수 ( 해당 값이 0일경우 삭선 처리 함.  null || 'null' 일 경우 표시 안함),
                'MPQ' : 10, // 최대 구매 수량
                'subOption' : 'addition' // 하위 옵션이 없을 경우 false , 있을경우 해당 키값.
            },{
                'link' : '#',
                'string' : '블랙 도트',
                'value' : '620||블랙 도트||1',
                'price' : '19900',
                'len' : 0,
                'MPQ' : 10,
                'subOption' : 'addition2'
            }
        ]
    }
}