oolog

버튼형 상품 옵션

솔루션 고도몰 작업범위 PC, 모바일, 관리자 고도몰은 셀렉트박스 로 상품의 옵션을 선택합니다. 일반적인 형태지만, 옵션이 여러개라면 한 눈에 파악하기 어려워요. 그래서, 직관적인 버튼형 으로 스타일을 변경해보았습니다. 자세히 살펴볼까요? 사용자 화면 고도몰의 상품 상세페이지입니다. 3가지 옵션을 이미지버튼 색상버튼 텍스트버튼 전용으로 각각 설정했어요. 관리자 화면 고도몰 관리자에서 상품옵션을 설정하는 화면입니다. 노란색 으로 표시된 부분이 추가됐어요. 조금 더 … 버튼형 상품 옵션 더보기

  • 솔루션 고도몰
  • 작업범위 PC, 모바일, 관리자

고도몰은 셀렉트박스 로 상품의 옵션을 선택합니다.

일반적인 형태지만, 옵션이 여러개라면 한 눈에 파악하기 어려워요.

그래서, 직관적인 버튼형 으로 스타일을 변경해보았습니다.

셀렉트박스형 옵션
버튼형 옵션

자세히 살펴볼까요?

사용자 화면

고도몰의 상품 상세페이지입니다.

3가지 옵션을 이미지버튼 색상버튼 텍스트버튼 전용으로 각각 설정했어요.

관리자 화면

고도몰 관리자에서 상품옵션을 설정하는 화면입니다.

노란색 으로 표시된 부분이 추가됐어요.

조금 더 자세히…

옵션 노출 형태 는 상품마다 다르게 설정할 수 있어, 다양하게 활용하기 좋아요!

또 있어요!

같은 옵션그룹안에서, 다양한 버튼유형을 섞어 사용할 수 있어요.

아래와 같이, 버튼마다 이미지버튼 색상버튼 텍스트버튼 을 선택할 수 있습니다.

실제 작동되는 화면이 궁금하다면?
샘플사이트 확인하러가기
내 사이트에도 적용하고 싶다면?
기능커스텀 신청하러가기