カスタマイズ内容
管理画面で編集可能なセクション
Liquidでカスタマイズし、テキストや画像や遷移先URLなどを管理画面で編集できるセクションを作成。
サイトを使いやすくするためのヘッダーバー
使いやすいサイトにすることを目的に、ユーザーがよく使うであろう機能的なリンクをヘッダー上部に入れています。一部ドロップダウンメニューを採用し、複数のリンクを提示できるようにしました。
商品一覧に商品ラベルを付与
クライアント様が管理画面でラベル設定できるようにしています。今回はメタフィールドで設定する仕様で開発していますが、商品タグで設定できるようにもできます。また、「NEW」「キャンペーン対象」のラベルが付与された場合は色付きのラベルになるようCSSを組んでいます。
人気ブランドをわかりやすく掲載
プッシュしたいブランドを掲載するセクションをTOPに用意。人気ブランドを掲載する想定のため、多くを語らないシンプルなデザインにしています。
備考
※一部商品素材にデイトラさんというShopify開発のスクールで配布されたものを流用させていただいておりますが、ストアのコンセプトやデザインはオリジナルです。