선택옵션 드러내는 방법
본문
안녕하세요.
현재는 선택옵션을 클릭하면
설정해둔 옵션들이 나타나 클릭하는 방식입니다.
선택버튼 (컬러)를 클릭하지 않고,
선택옵션 리스트 (블루, 그린, 핑크 ...) 를 상품페이지에서 모두 보여주고 싶은데 방법이 있을까요?
답변 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}
option 반복되는 부분을 div로 코딩 새로 하셔야돼요 select박스에는 미리 열어놓는 기능은 없는것으로 알고 있습니다.
태그를 input type=radio 형태로 변경하셔야.... 아래 게시글 참고해 공부해 보세요.
- 실렉트태그: https://homzzang.com/b/html-47
- 인풋 라디오: https://homzzang.com/b/html-356
답변을 작성하시기 전에 로그인 해주세요.
