Mug Shot Coffee Company の e コマース ウェブサイト

これは Wix Studio チャレンジへの提出物です。

私が作ったもの

コーヒー配達会社のブランド、サイト レイアウト/テンプレートを設計し、モバイル対応 Web サイトを構築しました。このサイトは、サードパーティの統合を使用して製品を取得し、表示します。フィルタリングと並べ替えのためにカテゴリが設定されました。このサイトには、さまざまなサイズで販売されている製品が表示されます。サイトのカートに追加プロセスでは、ユーザーがカートに商品を追加した後、Wix API を使用して商品カタログをクエリし、同じコレクション内の商品を提案します。提案された商品がライトボックスに表示されます。

デモ

ウェブサイト (Mug Shot Coffee Company)

開発の道のり

Dripshipper から商品を取得し、商品を表示するための統合を設定します。
Wix API を使用して、コレクション ID に基づいてサイト上の製品をクエリし、ライトボックスに製品を表示し、チェックアウトを続行します。

Figma to Wix プラグイン、Dripshipper、wix-stores.v2、wix-window-frontend を使用しました