portfolio
쇼핑카트탭 UI 개선
0
공유하기
고도몰에서 기본 제공하는 쇼핑카트 탭은 쇼핑몰 하단에 퀵메뉴처럼 한 줄로 표시되는 영역입니다.
하지만 이 영역은 쇼핑몰의 모든 페이지에서 하단에 고정되어 따라다니는 구조로, 디자인이 다소 오래된 느낌을 주며 최신 트렌드와는 거리가 있습니다.
또한 옵션 선택 및 장바구니 인터페이스 역시 구식 형태로 구성되어 있다보니 쇼핑카트탭 기능이 활성화되어 있더라도 이용자가 적극적으로 활용하기에는 아쉬움이 있었습니다.
이에 고도몰 UI 튜닝을 통해 해당 기능을 최신 트렌드에 맞게 개선하고, 사용자가 더욱 직관적이고 편리하게 접근 및 이용할 수 있도록 재구성하였습니다.
튜닝 후
쇼핑몰 상세페이지에 버튼 형태로 제공되며 클릭시 모달 레이어 팝업창과 함께 선택 화면이 펼쳐집니다.
[바로 구매] 버튼을 클릭하면 옵션 및 수량 선택 화면이 나타납니다.
튜닝 전
고도몰에서 제공하는 기본 쇼핑카트탭 UI 는 화면 최하단에 바형태로 사용자가 화살표를 활성화 하면 위로 펼쳐지는 방식입니다.
관리자 페이지 기본 설정 - 주문 정책 - 장바구니 / 관심상품 설정에서 쇼핑 카트탭 메뉴를 통해 활성화 할 수 있습니다.
쇼핑카트탭은 NHN 커머스의 플러스샵에서 무료 설치가 가능합니다.
댓글 0개
댓글을 불러오는 중입니다.
친절한 개발자에게
무엇이든 물어보세요
1
쇼핑카트탭 UI 개선