<aside> 🤚🏻

검색 영역이란? 쇼핑몰 메인에서 찾고자 하는 상품을 간편하게 검색할 수 있는 기능입니다.

</aside>

<aside> 🧶

어디에 있나요? 쇼핑몰 메인화면에서 상단에 노출되고 있습니다.

Frame 5.png

</aside>

1. 검색영역 추가하기

<aside> 🧶

어디에 있나요? 관리자화면 > 디자인관리 > 메인 레이이아웃 관리 > 선택 창 > 검색 영역 추가

</aside>

<aside> 🤚🏻

잠깐! 레이아웃 설정 창이 회색인 컬러는 위치 이동이 불가합니다! 설정된 해당 위치에 추가됩니다.

Frame 8.png

</aside>

<aside>

Step.1 관리자 페이지에서 디자인 관리로 이동합니다.

Step.2 좌측 메뉴에서 ****메인 레이아웃 관리 페이지로 이동해 줍니다.

Step.3 레이아웃 선택 창을 눌러 “검색 영역”을 선택합니다.

Step.4 추가 버튼을 클릭합니다.

Step.5 위치에 검색 영역이 추가된 것을 확인하실 수 있습니다.

Step.6 검색 영역 세부 사항을 설정해줍니다.

Frame 66.png

</aside>

2. 검색영역 디자인 설정하기

<aside>

A. 검색 박스 디폴트는 사용하지 않는 기본 상태를 말합니다. 디폴트 상태일 때의 검색 창 글자색과 박스 배경 색, 테두리 색을 설정해 주세요. (색상 설정은 색상 박스를 눌러 직접 색상을 선택하거나, 색상 코드를 적어줄 수 있습니다.)

B. 검색 박스 활성화는 사용자가 검색 박스를 클릭한 상태를 말합니다. 활성화 상태일 때의 글자색, 배경색, 테두리 색상을 설정해 주세요.

C. 검색창에 들어가는 검색 아이콘을 파일 선택 버튼을 눌러 등록해줍니다.

D. 검색 박스의 모서리 둥근 정도를 입력하여 설정 합니다. 예시) 0 px일 때는 각진 상태이며, 100px일 때는 최대 둥근 박스일 때의 모습을 나타냅니다.

E. 사용하지 않는 디폴트 상태에서 검색 박스에 나타는 추천 검색어를 설정해 줄 수 있습니다.

F. 위에서 설정한 대표 검색어와 연결되는 상품 또는 페이지를 불러와주세요.

G. 설정한 상태를 저장하기 위해 변경사항 적용 버튼을 눌러줍니다. 최종 설정을 맞추려면 최상단 우측에 “쇼핑몰 바로 적용” 버튼을 눌러주세요.

Frame 7.png

</aside>

<aside> ⚙

관리자 우측 상단에 있는 [쇼핑몰 바로 적용] 버튼을 누르면 수정하신 내용이 쇼핑몰에 즉시 적용됩니다. 자세한 설명은 아래의 페이지로 이동 후 확인해 주세요.

쇼핑몰 바로 적용이란?

<aside>

quickbutton.png

</aside>

</aside>