선택옵션 드러내는 방법 채택완료

안녕하세요.

 

 

3543485701_1721262735.1693.png

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

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

 

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

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

3543485701_1721262723.736.png

답변 3개

채택된 답변
+20 포인트

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

 

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

Copy
<?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

Copy
.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 형태로 변경하셔야.... 아래 게시글 참고해 공부해 보세요.

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

option 반복되는 부분을 div로 코딩 새로 하셔야돼요 select박스에는 미리 열어놓는 기능은 없는것으로 알고 있습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고