portfolio
아이콘별로 상품 목록 필터링
0
공유하기
고도몰 기본 상품별 아이콘 관리는 고객에게 시각화된 상품 정보를 아이콘으로 보다 효과적으로 전달하게 됩니다.
고도몰 튜닝을 통해 이 아이콘을 이용하여 상품 필터링을 하였습니다.
쇼핑몰 이용자는 상품 아이콘들을 그룹화된 체크박스로 다중 체크하여 쉽고 빠르게 원하는 상품군을 볼 수 있습니다.
※ 필터링 적용 페이지는 쇼핑몰과 사전에 협의한 브랜드 페이지 , 카테고리 페이지 , 검색 페이지로 총 3 페이지입니다.
※ 추가 튜닝으로는 가격 구간 필터링과 기본 상품 정렬 UI를 라디오박스 형태로 변경한 내용입니다.
- 튜닝 내용
1. 고도몰 기본설정의 [코드 관리] 에서 그룹화시킬 아이콘 목록을 코드 그룹별로 등록합니다.
2. [상품 아이콘 관리] 의 아이콘 이름과 동일하게 작성하면 해당 코드 그룹으로 속하게 됩니다.
3. 상품 등록/수정에서는 상품별로 복수개의 아이콘을 등록합니다.
4. 상세페이지에 등록된 상품 아이콘을 출력하고 아이콘을 클릭할 시 상품 검색결과 페이지에서 아이콘별로 필터링된 상품 리스트를 보여줍니다.
5. 상품 아이콘이 위치한 그룹에 버튼은 파란색 테두리로 활성화 되며 그렇지 않은 버튼은 비활성화됩니다.
체크된 항목별로 필터명이 하단에 생성되어 개별로 조건을 해제할 수도 있으며 전체 초기화 버튼도 제공합니다.
코드 관리를 통한 아이콘 그룹화 관리
상품 아이콘 관리에서 그룹화할 아이콘 이름을 확인합니다.
상품 개별 등록/수정에서 상품별로 설정된 아이콘을 체크합니다.
상품 상세 페이지에서도 체크된 아이콘을 출력합니다.
상품 아이콘을 클릭할 시 상품 검색 결과 페이지에서 아이콘별로 필터링된 상품리스트를 보여줍니다.
상품 카테고리 페이지와 상품 브랜드 페이지에서 가격 구간 조건 및 그룹화된 아이콘별 필터링을 사용할 수 있습니다.
상품 아이콘이 위치한 그룹에 버튼은 파란색 테두리로 활성화 되며 그렇지 않은 버튼은 비활성화됩니다.
체크된 항목별로 필터명이 하단에 생성되어 개별로 조건을 해제할 수도 있으며 전체 초기화 버튼도 제공합니다.
댓글 0개
댓글을 불러오는 중입니다.
친절한 개발자에게
무엇이든 물어보세요
1
아이콘별로 상품 목록 필터링