DAILY

デイトラの学習課題で、石けんのECサイトを制作しました。Figmaの支給デザインを再現し、商品や画像を管理画面から更新できるShopifyテーマにする課題です。

ランキングやおすすめ商品は、登録した商品・コレクションの情報を使って表示しています。

Dawnをベースに、ヘッダーと商品セクションをカスタマイズしました。ランキング・関連商品表示を追加し、画像やテキストも管理画面から変更できるようにしています。

スクロールやホバーに合わせた動きはJavaScriptで実装しました。ランキング表示は、有料アプリを追加せずテーマ側で対応しています。

支給デザインの再現に加え、Shopifyの商品情報を読み込んで画面へ表示する方法を学びました。商品紹介、ランキング、おすすめ商品まで含めた学習用ストアです。

デザイン原案は講座の支給資料で、担当したのはテーマへの実装です。