주 콘텐츠로 건너뛰기

상품 옵션을 색상 버튼, 텍스트 버튼, 라디오 버튼, 미리보기 기능으로 설정할 수 있나요?

쇼핑몰 상품의 옵션을 '이미지 또는 색상 버튼', '텍스트 버튼', '라디오 버튼'으로 구성할 수 있는
'옵션 스타일' 기능을 이용해 보세요.

자세히 알아보기

옵션 스타일의 유형

쇼핑몰 상품의 옵션을 '셀렉트박스' 뿐만 아니라 '이미지 버튼', '색상 버튼', '텍스트 버튼'. '라디오 버튼'으로 표시할 수 있어요.
옵션 스타일 기능을 통해 쇼핑몰 상품의 옵션을 다양한 방식으로, 직관적이고 시각적으로 구성할 수 있어요.

  • 미리보기
    • 이미지 또는 색상으로 등록된 옵션을 버튼으로 표시해요.
    • '버튼이미지 설정', '색상 설정'에 입력한 정보로 버튼 모양이 결정되며 버튼 이미지와 색상을 모두 등록하면 옵션 버튼은 이미지로 표시되어요.
    • 단, 옵션 구성 방식이 '조합 일체선택형'인 경우에는 '텍스트 버튼'으로 표시되어요.
  • 텍스트 버튼
    • 텍스트로 된 버튼으로 상품의 옵션이 표시되어요.
  • 라디오 버튼
    • 라디오로 된 버튼으로 상품의 옵션이 표시되어요.
    • 표시되는 형태만 라디오 버튼인 것으로, 옵션값은 중복 선택이 가능해요.

 

옵션 스타일 '미리보기' 설정하기

조합 분리선택형, 상품 연동형, 독립 선택형 옵션 구성방식에 옵션 스타일 '미리보기'를 설정할 수 있어요.

  1. 상품등록 혹은 상품 수정창의 '옵션/재고' 탭을 클릭하여 옵션기능을 사용함으로 설정해주세요.
  2. 옵션 스타일에서 '미리보기' 기능을 선택하신 후 옵션을 입력해주세요.
  3. 아래 화면과 같이 입력된 옵션값을 클릭 시 해당 옵션의 색상표시와 이미지를 추가할 수 있어요.

  4. 옵션값 수정 완료 후 '저장'을 클릭하면 아래 화면과 같이 상품 상세 화면에 수정한 옵션값이 적용된 것을 확인할 수 있어요.
    01_01.gif

    ※ 상품 목록 화면에도 상품이 색상 옵션을 표시하기 위해서는 [관리자] 쇼핑몰 설정 > 상품 설정의 상품정보표시 설정 > 상품목록'의 '상품색상' 항목을 '표시함'으로 설정해 주세요.

Note - 미리보기 기능이 작동 하지 않을 경우

  • 디자인가이드 [공지/소식] 업그레이드 > '[상점관리] 옵션 미리보기 기능 추가' 에 따라 디자인을 수정해 주세요.
  • 옵션 미리보기 기능을 '사용함'으로 설정하고, 디자인을 수정하더라도 아래의 상품에는 해당 기능이 동작하지 않아요.

    1. 옵션을 사용하지 않는 상품
      • 해당 상품 정보의 옵션/재고 > 옵션/재고 설정 > '옵션 사용' 설정이 '사용 안함' 인 경우
    2. 옵션 구성방식이 '상품연동형'인 상품
      • 해당 상품 정보의 옵션/재고 > 옵션/재고 설정 > '옵션 구성 방식'이 '상품 연동형'인 경우
    3. 세트 상품
      • 해당 상품의 '상품 구분'이 '세트 상품'인 경우
    4. 추가 입력 옵션을 사용하는 상품
      • 해당 상품 정보의 옵션/재고 > 옵션/재고 설정 > '추가입력 옵션' 을 '사용'하는 경우

 

옵션 스타일 '텍스트 버튼' 설정하기

  1. 쇼핑몰 상품의 옵션을 텍스트 버튼으로 구성해 볼게요. 텍스트로 등록한 옵션 정보로 옵션이 표시되어요.
    '옵션값 수정' 화면의 '옵션 스타일' 항목을 '텍스트 버튼'으로 선택하고 '옵션 입력' 항목에 옵션명(예 : 사이즈)과 옵션값(예 : XS, S, M, L)을 입력해요.
  2. 옵션값 수정 완료 후 '저장'을 클릭하면 '상품 수정' 화면에 수정한 옵션값이 적용된 것을 확인할 수 있어요.
    설정이 완료된 것을 확인하고 '상품 수정' 화면 내 '상품수정'을 클릭해야 수정한 옵션 정보가 최종 반영되어요.
  3. 상품 수정이 완료되면 아래와 같이 쇼핑몰 상품 상세 화면에서 옵션 스타일이 텍스트 버튼으로 표시된 것을 확인할 수 있어요.

 

이 페이지가 도움이 되었나요?
현재 콘텐츠