그누보드 QA - 선택옵션 드러내는 방법

선택옵션 드러내는 방법

4uYC 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2024.07.18 09:33:07 9811 (211.♡.♡.5)

답변 3

본문

안녕하세요.

3543485701_1721262735.1693.png

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

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

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

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

3543485701_1721262723.736.png

#그누보드5 #영카트5 #php

답변 3

배르만 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2024-07-18 18:16:00 221.♡.♡.6

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

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}