핵심 기능이 될 상품 페이지이다.
해당 페이지에서 사용자가 이용할 수 있는 기능들은 다음과 같다.
- 입찰(구매자)
- 즉시입찰(구매자)
- 결제(구매자)
- 관심 등록(구매자)
- 댓글 작성(구매자)
- 수정(판매자)
- 삭제(판매자)
- 답글 작성(판매자)
먼저 페이지에 접속을 하면 상품을 등록한 USER와 현재 로그인한 USER를 비교해 판매자와 구매자를 구분한다.
위의 이미지가 구매자로 접속했을 때 보이는 모습, 아래 이미지가 판매자로 접속했을 때 보이는 모습이다.
구매자가 입찰하기 버튼을 누르면 입찰 금액을 입력할 수 있는 입력창이 표시된다.
현재 가격보다 높은 금액을 입찰해야한다.
즉시 입찰을 클릭하면 판매자가 지정한 즉시 입찰가로 입찰이 되며, 경매는 그 즉시 종료된다.
관심등록 버튼을 클릭하면 상품명 왼쪽에 있는 별 아이콘이 노란색으로 칠해지고, 관심등록 버튼은 관심해제로 바뀌게 된다.
반대로 관심해제 버튼을 클릭하면 관심해제 버튼은 관심등록으로 바뀌고, 노란 별 아이콘은 다시 흰색 별 아이콘으로 바뀐다.
관심 등록을 한 상품들은 마이페이지에서 모아볼 수 있다.
왼쪽에서 상품 사진을 미리볼 수 있는데, 밑에 있는 작은 사진들 중 보고 싶은 사진을 클릭하면 미리보기 사진이 바뀐다.
상세이미지 항목이다.
modal을 이용하여 보고 싶은 사진을 클릭하면 크게 볼 수 있도록 만들었다.
