Shopifyバリアントは、商品にさまざまなオプションを作成する優れた方法ですが、バリアントごとに完全に異なるページを作成する必要がある場合、制限が多すぎる可能性があります。たとえば、バリエーションごとに独自のセクション、配色、コンテンツを作成しながら、それらのバリエーションを関連製品にリンクしたい場合があります。 ここでデモを確認してください
Conceptでは、メタフィールドを使用してさまざまな製品をリンクできます。
このチュートリアルでは、メタフィールドを使用して兄弟製品スウォッチを作成する方法を段階的に説明します。
新しい製品を作成する
バリエーションごとに個別の商品ページを作成するには、管理画面でバリエーションごとに新しい商品を作成します。
例えば:
3 つのカラー バリエーションがある製品 (例: Air Beats ) がある場合は、各色 ( Timber 、 Black 、およびGold Tone ) に 1 つずつ、合計 3 つの新しい製品を作成します。 3 つの新しい製品を作成しました。
- エアが木材に勝つ
- エアがブラックに勝つ
- エアビートゴールドトーン AirBeats製品の3つのカラーバリエーションを表現しています。
新しいメタフィールドを作成する
ここでは、オプション ( Timber 、 Black 、 Gold Tone ) の実際の値を保持するメタフィールドを作成する必要があります。
- Shopify 管理 > カスタムデータの製品メタフィールド定義に移動し、定義の追加をクリックします。
- メタフィールドの名前、名前空間、およびキーを入力します。
メタフィールド タイプとして[単一行テキスト]と[1 つの値]を選択します。
説明と検証の設定はオプションです。
以下のサンプル画像では、名前に「
Color sibling
」、名前空間とキーに「sibling.color
」を入力しました。
新しいメタフィールドの値を関連製品の製品 ID に設定します。
- 次に、以前に作成した各製品 (ティンバー、ブラック、ゴールド トーン) に戻り、メタフィールドの値を設定します。
- たとえば、 Air Beats Timber をTimberカラーにリンクするには、メタフィールド内で
Timber
Color 兄弟に設定します。 - ブラックとゴールドトーンのカラーでも同じことを行います。
バリアント製品設定を有効にする
メタフィールドをすべて設定したら、テーマエディターを介して機能を有効にする必要があります。
- [製品情報] 1 > [ブロックの追加] 2 > [製品バリエーション] 3に進み、兄弟製品スウォッチを設定します。
- 製品バリエーションのブロック設定:
- オプション名- ブロックのタイトル (例:カラー、スタイル... )
- オプション値 metafiel -定義にメタフィールドの名前空間とキーを追加します。このチュートリアルでは、
sibling.color
になります。 - 製品- 製品自体を含むすべてのバリエーションを選択します (例: Air Beats、Air Beats Timber、Air Beats Black、Air Beats Gold Tone 製品)。
この記事がお役に立てば幸いです。この機能についてご質問やご不明な点がございましたら、お気軽に弊社チームのサポートまでお問い合わせください。
* 画像は非商業的な製品のデモンストレーションのみを目的として使用されており、このテーマの説明ドキュメントでの使用のみを目的としています。
"
Share:
メガメニューを作成するにはどうすればよいですか?
カラースウォッチを設定するにはどうすればよいですか?