MINE - 상품 페이지

Byeonghyeon·2024년 5월 10일
0

MINE

목록 보기
6/10

핵심 기능이 될 상품 페이지이다.

해당 페이지에서 사용자가 이용할 수 있는 기능들은 다음과 같다.

  • 입찰(구매자)
  • 즉시입찰(구매자)
  • 결제(구매자)
  • 관심 등록(구매자)
  • 댓글 작성(구매자)
  • 수정(판매자)
  • 삭제(판매자)
  • 답글 작성(판매자)

먼저 페이지에 접속을 하면 상품을 등록한 USER와 현재 로그인한 USER를 비교해 판매자와 구매자를 구분한다.


위의 이미지가 구매자로 접속했을 때 보이는 모습, 아래 이미지가 판매자로 접속했을 때 보이는 모습이다.

구매자가 입찰하기 버튼을 누르면 입찰 금액을 입력할 수 있는 입력창이 표시된다.

현재 가격보다 높은 금액을 입찰해야한다.

즉시 입찰을 클릭하면 판매자가 지정한 즉시 입찰가로 입찰이 되며, 경매는 그 즉시 종료된다.

관심등록 버튼을 클릭하면 상품명 왼쪽에 있는 별 아이콘이 노란색으로 칠해지고, 관심등록 버튼은 관심해제로 바뀌게 된다.

반대로 관심해제 버튼을 클릭하면 관심해제 버튼은 관심등록으로 바뀌고, 노란 별 아이콘은 다시 흰색 별 아이콘으로 바뀐다.

관심 등록을 한 상품들은 마이페이지에서 모아볼 수 있다.

왼쪽에서 상품 사진을 미리볼 수 있는데, 밑에 있는 작은 사진들 중 보고 싶은 사진을 클릭하면 미리보기 사진이 바뀐다.

상세이미지 항목이다.

modal을 이용하여 보고 싶은 사진을 클릭하면 크게 볼 수 있도록 만들었다.

0개의 댓글