> 웹 프론트엔드 > JS 튜토리얼 > 머그샷 커피 회사 전자상거래 웹사이트

머그샷 커피 회사 전자상거래 웹사이트

WBOY
풀어 주다: 2024-07-17 08:04:10
원래의
357명이 탐색했습니다.

Wix Studio Challenge에 제출한 작품입니다.

내가 만든 것

브랜드, 사이트 레이아웃/템플릿을 디자인하고 커피 배달 회사를 위한 모바일 반응형 웹사이트를 구축했습니다. 이 사이트는 제3자 통합을 사용하여 제품을 가져와 표시합니다. 필터링 및 정렬을 위해 카테고리가 설정되었습니다. 이 사이트에는 다양한 크기로 판매되는 제품이 표시됩니다. 사이트 장바구니에 추가 프로세스는 Wix API를 사용하여 제품 카탈로그를 쿼리하고 사용자가 장바구니에 제품을 추가한 후 동일한 컬렉션에 있는 제품을 제안합니다. 추천상품이 라이트박스로 표시됩니다.

데모

홈페이지(머그샷커피컴퍼니)
Image description

Image description

개발 여정

Dripshipper에서 제품을 가져와 제품을 표시하도록 통합을 설정하세요.
Wix API를 사용하여 컬렉션 ID를 기반으로 사이트의 제품을 쿼리하고, 라이트박스에 제품을 표시하고, 결제를 계속했습니다.

Figma를 Wix 플러그인, Dripshipper, wix-stores.v2, wix-window-frontend에 사용