portfolio
오늘의집 상품아이콘 그룹 필터링
0
공유하기
고도몰에는 상품 카테고리 페이지에는 별도의 필터링을 제공하지 않고 있습니다.
오늘의 집과 같은 UI로 카테고리 페이지 내에 여러 필터링을 구현하였습니다.
상품별로 등록된 아이콘을 모아 필터링 항목을 그룹화하였으며 카테고리 내에 상품에 포함된 브랜드 리스트와 구간별 가격 조건도 필터링화 하였습니다.
또한 상품 정렬조건인(추천순,낮은가격순,후기순 등) 과 진열개수순(10,20,30개 등) 도 오늘의 집과 같은 UI로 구현하였습니다.
※ 해당 쇼핑몰의 경우 상품 카테고리 페이지, 상품 브랜드 페이지, 상품 검색 결과 페이지 3페이지에 각각 튜닝을 진행하였습니다.
- 상품 카테고리 페이지의 경우 브랜드, 상품 아이콘 , 구간별 가격 조건
- 상품 브랜드 페이지에서는 해당하는 카테고리 링크 이동, 상품 아이콘, 구간별 가격 조건
- 상품 검색 페이지에서는 상품 목록에서 해당하는 브랜드 , 상품 아이콘, 구간별 가격 조건을 튜닝하였습니다
※ 필터링된 항목은 별도 공간에 차례대로 출력되며 X버튼을 통해 선택된 필터링 항목을 개별로 제거할 수 있습니다.
관리자 페이지에서 상품아이콘별로 그룹화할 목록을 코드 관리를 통해 관리합니다.
PC 쇼핑몰 상품 카테고리 페이지에서 설정된 상품아이콘별 그룹 항목과 브랜드, 구간별 가격 조건 항목으로 상품 목록을 필터링 할 수 있습니다.
M 쇼핑몰 상품 카테고리 페이지에서는 측면에 슬라이딩 UI를 통해 각 상품아이콘별 그룹 항목과 브랜드, 구간별 가격 조건 항목으로 상품 목록을 필터링 합니다.
댓글 0개
댓글을 불러오는 중입니다.
친절한 개발자에게
무엇이든 물어보세요
1
오늘의집 상품아이콘 그룹 필터링