<aside> 💡 쇼핑몰 프로젝트의 메인을 장식하는 페이지 이다.
💜헤더와 함께 있고, 헤더 밑에 자동슬라이더가 있으며 슬라이더 밑 버튼으로 다음 이미지의 이동도 가능하다.
💜 이 상품은 어떠세요? 부분은 상품 추천 부분이며 랜덤으로 이미지가 바뀌고 hover를 하였을 때, 확대가 된다. 실제 리뷰가 있는 것 과 같이 별점 알고리즘의 적용과, 세일 퍼센트 표기를 하였었는데 배포하였을때는 해당 알고리즘은 구현하지 않아서 빼라하셨다 ㅠㅠ 그래서 완성된게 아래의 사진이다!
💜 푸터는 서울스토어를 모티브로 하였으며, 실제 쇼핑몰이라면 있을법한 전화문의, 카톡문의, 입점문의를 만들었다!
💜 그리고 다른 쇼핑몰 및 사이트가 SNS를 활발히 사용하는 경향을 반영하여 SNS아이콘을 넣었다!
</aside>
자동 슬라이더 부분의 서브메뉴 가려짐 현상으로 인하여 참고한 영상의 유투버에게 직접 메일로 문의 하였음! z-index의 활용법에 대해 알려주셨음 :)
메일 내용