コーヒー豆ストア「THE FLAVOR COFFEE」

カスタマイズ内容

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

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

商品ランキング

Splideライブラリでカルーセル型のランキングを設置。

商品ページにギフトメッセージ

ギフト商品の場合ギフトメッセージ欄が表示されるようにしました(Line Item Propertyを使用)。入力されたメッセージは、管理画面の注文管理ページで確認できます。

商品説明ブロック

カテゴリーがコーヒー豆の商品には「豆の産地」「味わい」が表示されるようにしました。表示内容はメタフィールドで管理画面から編集できます。

在庫無関係のバリエーション

このショップで扱うコーヒー豆は、「注文を受けてから焙煎して挽く」という想定のため、豆の挽き方は在庫と関係ありません。そのため、豆の挽き方は通常のバリエーション設定ではなく、Line Item Propertyを用いて実装しました。

商品レコメンド欄

関連商品は商品ごとに設定することが可能です。(Search & Discoveryアプリを使用)

商品レビュー

商品ごとにお客様の声を収集できる機能を追加しました!(Product Reviews アプリを使用)

カートページ 配送日時指定の追加

現状、Shopifyはデフォルトで配送日時指定ができない仕様となっているため、コーディングで実装しています。

カートページ ギフトラッピングの有無

今回はギフト商品を扱う想定のストアのため、ギフトラッピングの有無を尋ねたり、ギフト商品に関する注意事項を表示する欄を設けました。また、ギフトに関する項目はカートにギフト商品が含まれている場合のみ表示される仕様にしています。

アカウント作成時に誕生月を尋ねる項目

入力いただいた誕生月は顧客情報のタグに記録されます。誕生月クーポンの配布などに使用する想定です。

商品絞り込みの追加

一般的な絞り込みに加えて「味わい」での絞り込みを追加しています。メタフィールドで定義したものをSearch & Discovery アプリを使って絞り込み検索できるようにしています。

回遊を促す導線

随所にユーザーの回遊を促す導線を引き、ユーザーが好みの商品に出会いやすくしています。

TOPに戻る