スポーツ・アウトドア系ストア「Elephant Sports」

カスタマイズ内容

管理画面で編集可能なセクション

Liquidでカスタマイズし、テキストや画像や遷移先URLなどを管理画面で編集できるセクションを作成。

サイトを使いやすくするためのヘッダーバー

使いやすいサイトにすることを目的に、ユーザーがよく使うであろう機能的なリンクをヘッダー上部に入れています。一部ドロップダウンメニューを採用し、複数のリンクを提示できるようにしました。

商品一覧に商品ラベルを付与

クライアント様が管理画面でラベル設定できるようにしています。今回はメタフィールドで設定する仕様で開発していますが、商品タグで設定できるようにもできます。また、「NEW」「キャンペーン対象」のラベルが付与された場合は色付きのラベルになるようCSSを組んでいます。

人気ブランドをわかりやすく掲載

プッシュしたいブランドを掲載するセクションをTOPに用意。人気ブランドを掲載する想定のため、多くを語らないシンプルなデザインにしています。

備考

※一部商品素材にデイトラさんというShopify開発のスクールで配布されたものを流用させていただいておりますが、ストアのコンセプトやデザインはオリジナルです。

TOPに戻る