선택옵션 드러내는 방법

선택옵션 드러내는 방법

QA

선택옵션 드러내는 방법

본문

안녕하세요.

 

 

3543485701_1721262735.1693.png

현재는 선택옵션을 클릭하면

설정해둔 옵션들이 나타나 클릭하는 방식입니다.

 

선택버튼 (컬러)를 클릭하지 않고,

선택옵션 리스트 (블루, 그린, 핑크 ...) 를 상품페이지에서 모두 보여주고 싶은데 방법이 있을까요?

3543485701_1721262723.736.png

이 질문에 댓글 쓰기 :

답변 3

다음 코드가 도움이 될지 모르겠습니다.

 

https://github.com/gnuboard/gnuboard5/blob/master/skin/shop/basic/item.form.skin.php#L228


            <?php
            if($option_item) {
                $option_items = preg_split('!<option[^>]*>!', $option_item);
                if ($option_items !== false) {
                    $option_item_cnt = count($option_items) - 1;
                    $option_item = preg_replace('!(<select[^>]*)!', '$1size="' . $option_item_cnt . '"', $option_item);
                }   
            ?>  
            <!-- 선택옵션 시작 { -->

 

https://github.com/gnuboard/gnuboard5/blob/master/skin/shop/basic/style.css#L588


.sit_option select::-ms-expand {display:none/* 화살표 없애기 for IE10, 11*/}
 
.sit_option select[size] {height: auto;}
.sit_option select[size] option {width:100%;height:50px; display: flex; align-items: center;}
 
.sit_option h3 {font-size:1.083em}

태그를 input type=radio 형태로 변경하셔야.... 아래 게시글 참고해 공부해 보세요.

 

답변을 작성하시기 전에 로그인 해주세요.
전체 23
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT