portfolio
코드 관리를 이용한 상품 필터링
0
공유하기
고도몰에서 상품별로 제공하는 키워드 기본 항목은 상품의 특성을 전부 반영하기에는 아쉬움이 있습니다.
고도몰 튜닝을 통해 필터링에 필요한 요소인 키워드 항목을 관리자가 유연하게 설정하고 쇼핑몰에서는 필터링 기능을 제공하였습니다.
고도몰의 코드 관리 메뉴를 이용해 코드 관리에 필요한 코드 그룹과 항목을 관리자가 설정해준다음 상품 개별 등록 페이지에 연동된 코드 항목들에 체크박스만 체크해주면 필터링 기능이 쇼핑몰에 활성화 됩니다.
※ 코드 그룹 내의 단 하나의 항목만 존재하는 경우에는 드랍다운 메뉴가 아닌 단일 체크박스가 출력됩니다.
※ 그룹 내의 키워드 항목들은 모두 OR 조건으로 하며 여러개를 체크할 경우 검색 상품의 수가 늘어납니다. 반면 다른 그룹에 항목은 AND 조건으로 체크시 검색 상품의 수가 줄어듭니다.
상품 카테고리 , 상품 브랜드 페이지, 상품 검색 페이지에서 설정한 코드 그룹과 하위 항목들이 필터링으로 나타납니다.
관리자의 코드 관리 기능을 이용하여 원하는 개수만큼 코드 그룹을 추가하고 하위의 항목들은 관리자가 직접 추가/삭제/사용여부를 설정할 수 있습니다.
관리자 상품 등록 페이지에서는 코드 관리에서 설정한 코드 그룹 내의 항목들이 체크박스로 표현되며 체크해주면 됩니다.
상품 검색 결과 페이지 , 브랜드 페이지 , 카테고리 페이지 총 3곳에서 필터링 기능이 활성화됩니다.
- 구간별 가격은 50만원 단위로 고정되어 표현됩니다.
- PC 샵은 검색하기 버튼을 누르면 페이지가 새로고침되며 필터링이 적용됩니다.
모바일 샵은 별도 레이어 팝업창을 통과 퀵 메뉴 버튼으로 필터링이 활성화 됩니다.
- 모바일 샵의 특성상 필터링 항목 적용시마다 페이지가 새로고침 되지 않고 즉시 상품이 재배열 됩니다.
모바일 샵 구성에 맞추어 사이드 팝업창을 제공합니다.
댓글 0개
댓글을 불러오는 중입니다.
친절한 개발자에게
무엇이든 물어보세요
1
코드 관리를 이용한 상품 필터링