채팅 상담
portfolio
코드 관리를 이용한 상품 필터링 ver.2
0
공유하기
고도몰 코드 관리 메뉴 안내

고도몰에서 제공하는 코드 관리 메뉴는 쇼핑몰에서 사용하는 다양한 코드를 설정하고 관리하는 기능을 제공합니다.
이 중 코드 그룹은 여러 필터 항목들을 하나의 그룹으로 묶어주는 역할을 하며, 상품 등록/수정 페이지에서 필터 항목을 선택하면, 쇼핑몰 필터링 화면에서 체크박스 형태로 그룹 단위로 노출됩니다.

코드 관리 기반 필터링 v2 버전의 주요 기능 개선 사항

1. 코드 그룹 직접 생성 및 명칭 변경 기능 추가

관리자가 코드 그룹을 신규 생성할 수 있으며, 명칭 또한 수정이 가능합니다.
각 코드 그룹 별로 코드번호를 가지는 항목을 여러개 생성합니다. 
코드 관리는 항목을 자유롭게 제어할 수 있어 편의성이 뛰어납니다.

2. 필터링 상태 유지 기능 개선 (Mobile)

모바일에서 사용자가 필터 항목을 선택해 필터링한 경우, 상세 페이지로 진입하였다거나 다른 페이지를 방문한 후에 다시 필터링 된 페이지로 돌아오더라도 선택한 필터 상태와 상품 리스트가 그대로 유지되도록 개선하였습니다.

※ 필터링은 상품 카테고리 페이지, 상품 브랜드 페이지, 상품 검색 페이지로 총 3페이지에 제작됩니다.
※ 상품 카테고리 페이지와 검색 결과 페이지에서는 브랜드 검색 조건이 자동으로 추가됩니다.
※ 코드 그룹 내에 항목이 1개만 있을 경우 드랍 다운 메뉴가 아닌 체크박스 단일로 표현됩니다.
※ 가격대 조건은 필터링 내에 자동으로 추가됩니다.


1. 관리자 페이지의 코드 관리 메뉴에서 코드 그룹과 코드번호별 항목명을 등록합니다.



코드 관리 메뉴에서 코드 그룹과 항목 설정을 모두 마쳤다면 이 항목들을 상품별로 매칭해줘야 합니다.

- 상품 등록/수정 페이지에서 상품별로 맞는 코드 항목을 체크박스를 통해 설정해줍니다.



검색 결과 페이지에서 "프리미엄 지투" 검색 키워드에 포함되는 각 코드 그룹과 그룹 내에 항목을 필터링으로 선택할 수 있습니다.

- 서로 다른 그룹은 AND 조건으로 두 조건이 모두 일치해야 검색이 되도록 하였으며, 같은 그룹안의 항목끼리는 OR 조건으로 검색되도록 하였습니다.

검색 결과 페이지 PC



상품 카테고리 페이지 PC

- 상품 카테고리 페이지에는 브랜드를 필터링 할 수 있는 조건이 자동으로 반영됩니다.


- 상품 카테고리 및 검색 페이지에서는 브랜드 필터링이 자동으로 추가됩니다.


상품 브랜드 페이지 PC 



모바일 페이지 필터링 화면 M 

레이어 팝업창으로 화면 전체에 필터링 설정 화면으로 출력됩니다.




M 페이지에서의 필터링 활성화는 필터링 아이콘을 클릭합니다.

- 클릭시 필터링 레이어 팝업창이 출력됩니다.




댓글 0개
아바타
0/100자
댓글을 불러오는 중입니다.
코드 관리를 이용한 상품 필터링 ver.2