TOLDE

어떻게 만들어졌나

원본은 브랜드 잡지 〈B〉의 온라인 스토어입니다. 잡지·단행본·굿즈·뉴스레터·브랜드 색인이 들어 있습니다.

목록은 표지 한 장과 그 호의 장면 사진 한 장을 짝으로 늘어놓습니다. 왼쪽 분류 칸은 고정됩니다.

간격은 17.5px 배수만 씁니다. 큰 글자 크기는 84·56·35·24.5px 네 단계입니다.

홈 Shop 탭은 누를 때마다 바탕색이 300ms 동안 바뀝니다. 탭 상자 높이 전환도 원본 값 그대로 옮겼습니다.

잡지 표지와 지면은 직접 조판해 찍은 이미지로 채웠습니다. 영상 배너 2곳은 정지 사진으로 바꿨습니다.

장바구니는 브라우저에 저장합니다. 목록·상세·고정 막대 어디서 담아도 개수가 같이 바뀝니다.

주요 기능

• 페이드 슬라이드 · 바탕색 탭
• 전체 화면 검색 · 정렬
• 장바구니 서랍 · 고정 구매 막대
• A-Z 색인 · FAQ 탭·아코디언

어디에 어떻게 쓸 수 있나

상품 수가 수십 개인 출판사·잡지 브랜드의 자사몰에 맞습니다. 상품 목록과 상세, 뉴스레터, 브랜드 색인이 한 사이트에 들어갑니다.

확인할 점

주문·결제는 연동하지 않았습니다. Stockists 페이지의 서점 위치는 실제 지도 대신 격자와 점으로 표시합니다.