カテゴリーメタフィールドを使用した色の見本の追加

カテゴリーメタフィールドは、Shopify の標準商品分類にある特定の商品カテゴリーにマッピングされます。カテゴリーメタフィールド (分類では商品属性と呼ばれます) は、サイトやマーケットプレイス、検索エンジンで訪問者から商品を見つけてもらいやすくなるように、商品に適切な情報を追加するのに役立ちます。

たとえば、商品カテゴリーに Apparel & Accessories > Clothing > Clothing Tops > Shirts を追加した場合、clothing size、neckline、sleeve length type などのカテゴリーメタフィールドを追加できます。Shopify Magic の予測に基づいて、一部のカテゴリーメタフィールドはデフォルトで追加されます。他のカテゴリーメタフィールドが提案される場合もあり、ストアに追加するかどうかを選択できます。カテゴリーメタフィールドにはデフォルトのエントリーがあり、そのまま使用することも、さらにカスタマイズすることもできます。

カテゴリーメタフィールドを商品バリエーションのオプションに、エントリーをオプション値に連携させることができます。これにより、色 black を graphite に編集すると、その色が使用されているすべての場所でバリエーション値が更新されます。色のエントリーをバリエーションのオプションとして使用すると、ストアフロントの商品ページでバリエーションのオプションを色のオプションの見本として表示できます。

Shopify の管理画面から、商品にカテゴリーメタフィールドを直接追加できます。

すべての手順を完了するには、見本付きのバリエーションのオプションをサポートするテーマが必要です。ビンテージテーマを使用している場合、またはテーマがサポートしていない機能を追加したい場合は、テーマコードを編集するか、Shopify パートナーに依頼することができます。

このチュートリアルは 5 つのステップで構成されており、Shopify の標準商品分類の概要、カテゴリーメタフィールドの追加、バリエーションのオプションとカテゴリーメタフィールドの連携、オンラインストアでの色の見本のカスタマイズ、検索とディスカバリアプリを使用したストア検索へのフィルターとしての色の見本の追加について説明します。

ステップ 1：商品カテゴリーを追加する

商品カテゴリーは、Shopify の標準商品分類で事前定義されたカテゴリーから選択します。

Shopify の標準商品分類は、以下の目的で使用されます。

• 各商品カテゴリーにマッピングされる商品属性 (カテゴリーメタフィールド) を有効にする。
• Shopify 内で商品をより適切に管理します。たとえば、コレクションの条件として使用したり、商品リストの絞り込みに役立てたりできます。
• Facebook や Google など、標準化された商品タイプを必要とする他のチャネルで商品を販売しやすくする。
• Shopify Tax を使用している場合、商品に課税される税率を決定する。商品には、特別税率や免税が適用される場合があります。商品が正しく分類されていると、チェックアウト時に最も正確な税率が適用されます。売上税を過剰に、または過少に徴収すると、ビジネスに財務上または法的な責任が生じる可能性があります。

商品カテゴリーの例は、Apparel & Accessories > Clothing > Clothing Tops > Shirts です。これは、このチュートリアル全体で使用されるカテゴリーの例です。ただし、color 商品属性を持つカテゴリーメタフィールドであれば、どれにでも色の見本を追加できます。

Apparel & Accessories > Clothing > Clothing Tops > Shirts の他のカテゴリーメタフィールドには、size、neckline、sleeve length type、top length type、age group、fabric、target gender、clothing features が含まれます。カテゴリーメタフィールドにはデフォルトのエントリーがあり、一貫したブランディングを維持するために、そのまま使用することも、さらにカスタマイズすることもできます。たとえば、色 black がブランディングに合わない場合は、graphite に名前を変更できます。

商品に提供する情報やメディアによっては、カテゴリーが自動入力される場合があります。別のカテゴリーに変更することも可能です。

手順：

ステップ 2：カテゴリーメタフィールドのエントリーを追加および編集する

商品カテゴリーを追加した後、商品のバリエーションのオプション値に必要なすべてのエントリーを追加できます。

手順：

ステップ3：カテゴリーメタフィールドをバリエーションのオプションに接続する

このチュートリアルでは、色のカテゴリーメタフィールドを接続します。必要に応じて、他のカテゴリーメタフィールドも接続できます。

バリエーションを追加する際に、接続可能なカテゴリーメタフィールドのリストが表示され、カスタムオプションを作成することもできます。

手順：

バリエーションのオプションをカテゴリーメタフィールドに移行する

すでにバリエーションのオプションがある商品を作成している場合、値をカテゴリーメタフィールドに移行すると、複数の新しいバリエーションの組み合わせをすばやく生成できます。カテゴリーメタフィールドを使用してバリエーションのオプションを作成すると、1か所でバリエーションのオプション名を更新でき、そのカテゴリーメタフィールド値が接続されているすべての場所で更新が反映されます。

動的ソースアイコン ⛁ をクリックして、カテゴリーメタフィールドを既存のオプションに接続します。

ステップ4：オンラインストアの色の見本をカスタマイズする

次に、オンラインストアの色の見本をカスタマイズします。

テーマで見本をカスタマイズする

バリエーションピッカーブロックがある場合、見本はデフォルトで表示されます。ブロックの設定で表示方法をカスタマイズできます。

手順：

1. 管理画面から、[オンラインストア] > [テーマ] に移動します。

2. [テーマを編集] をクリックします。

3. 色のオプションを追加した商品に移動します。

4. 任意：見本をカスタマイズするには、バリエーションピッカーブロックをクリックします。[円]、[正方形]、[なし] から選択して、見本の表示を変更できます。

5. [保存] をクリックしてテーマを保存します。

これで、オンラインストアの商品ページに移動すると、バリエーションのオプション値として色の見本が表示されるようになります。

ステップ5：ストアの検索に色の見本をフィルターとして追加する

Search and Discovery アプリを使用して、ストアのフィルターに色の見本を追加することもできます。Search and Discovery アプリに関する詳細情報をご覧ください。

ストアに Search and Discovery アプリをインストールしていない場合、これらの手順を完了する前にアプリをインストールする必要があります。アプリのインストールに関する詳細情報をご覧ください。

手順：

1. Shopify Search & Discovery アプリで、[フィルター] に移動し、[フィルターを追加] をクリックします。
2. [+ ソースを選択] をクリックし、タイプがカテゴリーメタフィールドの[色] を選択します。
3. 任意：フィルターの名前を変更します。
4. 任意：絞り込みの動作を変更します。
5. 任意：「値の管理」をクリックして表示方法を変更します。「見本を含める」を選択するとデフォルトの色が表示され、「利用可能な場合は画像を使用する」を選択すると色に追加した画像が表示されます。検索でテキストのみを表示するには、両方のオプションを選択しないままにします。
6. 任意：絞り込み値を選択して、1つの値としてグループ化します。
7. 任意：絞り込み値を並べ替えます。
8. [保存] をクリックします。

見本付きの色のオプション

更新されたShopify 商品分類には、ストアフロントに色の見本を追加できる標準の色の属性が含まれています。この標準の属性にアクセスするには、色のカテゴリーメタフィールドを含む商品カテゴリーを選択します。以下のカテゴリーメタフィールドは色の見本に対応しています。

• 裏地の色
• 背もたれ張地の色
• バンドの色
• ブランケットの色
• ボディの色
• バットキャップの色
• 色
• 天蓋の色
• ケースの色
• 芯の色
• カバーの色
• 文字盤の色
• ドアの色
• ドアマットベースの色
• アイウェアフレームの色
• アイウェアレンズの色
• 指板の色
• 花の色
• 洗浄プレートの色
• フットウェアの色
• ファンデーションの色
• フレームの色
• 家具・備品の色
• ハンドルの色
• 筐体の色
• インクの色
• 楽器の色
• 楽器の弦の色
• ジャンピングサーフェスの色
• レーザーの色
• 脚の色
• レンズの色
• ライトの色
• ネックの色
• ペンの色
• ポールの色
• ライザーの色
• ロッドの色
• サドルベースの色
• サドルシートの色
• シートの色
• シート張地の色
• シャフトの色
• シーツの色
• 棚の色
• シェル・フレームの色
• スラットの色
• スプールの色
• 弦の色
• 吸盤の色
• 天板の色
• タンクの色
• テンプルの色
• トップの色
• 張地の色