옵션 안내 설정

1. 옵션 슬러그

안내 설정을 적용할 옵션의 슬러그를 지정합니다.
옵션의 슬러그는 해당 상품의 DIY 옵션을 입력해주시면 됩니다.

위 이미지 기준 색상 옵션의 슬러그는 color이며, 사이즈 옵션의 슬러그는 size 입니다.

 

2. 타입

버튼 타입과 툴팁 타입 중 원하는 타입을 지정합니다.

2.1 버튼

• 텍스트 영역에 지정된 링크로 이동하는 버튼을 생성합니다.

2.2 툴팁

• 텍스트 영역에 지정된 내용을 출력하는 툴팁을 생성합니다.

 

3. 텍스트

버튼이나 툴팁 방식에 이용할 텍스트를 입력합니다.
텍스트는 HTML 형식으로도 이용하실 수 있습니다.

---

실제 적용 예시 입니다.

위에서 안내드린 색상(color), 사이즈(size) 옵션에 대해 각각 버튼과 툴팁 타입으로 적용해봤습니다.
버튼의 경우 클릭 시 이동될 링크를 지정해주셔야 합니다.

아래는 상품 페이지에서 보여지는 내용입니다.

색상 옵션 우측 화살표 클릭 시 지정했던 url로 이동하며, 사이즈 옵션 우측 툴팁에 마우스를 올리는 경우 이미지와 같이 안내 문구가 나타납니다.