バリアントは、製品にさまざまなオプションを作成する優れた方法です。ただし、製品バージョンごとに個別のページが必要な場合でも、それらを元の製品に接続し直す必要がある場合があります。 詳細については、デモを参照してください。
Be Yoursでは、メタフィールドを使用してさまざまな製品をリンクできます。このチュートリアルでは、メタフィールドを使用して兄弟製品スウォッチを作成する方法を段階的に説明します。
新しいコレクションを作成する
1.1 コレクションを作成する
管理者ダッシュボードで「コレクション」セクションを見つけ、 「コレクションの作成」をクリックします。
Titleでコレクションに名前を付け、テーマ テンプレートを選択します。
この例では、
The endless summerというコレクションを作成し、それをテーマ テンプレートのDefault コレクションに割り当てる方法を示します。「保存」をクリックして終了します。
1.2.新しい製品を作成し、各製品を指定されたコレクションに統合します
バリエーションごとに個別の商品ページを確立するには、Shopify 管理パネル内でバリエーションごとに個別の商品エントリを作成する必要があります。その後、これらの新しく作成された製品エントリは、指定されたコレクション内に集約される必要があります。
管理者ダッシュボード> [製品] > [製品の追加]をクリックします。
総合的な製品情報を入力するための専用ウィンドウが表示されます。詳細については、ここをクリックしてください。製品の詳細。
製品のバリエーションを同じコレクションに割り当てることで、1 つのコレクションに統一します。
「保存」をクリックして終了します。
例えば：
5 つの値のオプションがある製品がある場合は、値ごとに 1 つずつ、 5 つの製品を作成します。
- 素朴なエレガンス
- サンセットソワレ
- ピンクパラダイス
- ピリッとしたツイスト
- ゴールデングロウ
私たちはこれらの新製品を作成し (下の表をご覧ください)、それらをThe Endless Summerコレクションに割り当てました。
素朴なエレガンス サンセットソワレ ピンクパラダイス ピリッとしたツイスト ゴールデングロウ 合計 5 つの異なる製品エントリを含むコレクションの構築が完了しました。
2 つの新しいメタフィールドを作成し、値を製品に設定します
2 つの新しい「メタフィールド」(カスタム データ フィールド) を確立し、その後、指定されたコレクション内の各製品に適切な値を割り当てます。
2.1.新しいメタフィールドを作成する
Shopify 管理者の[設定] > [カスタムデータ] > [製品]に移動し、 [定義の追加]をクリックします。
[定義の追加] をクリックすると、専用ウィンドウが開き、製品の新しいメタフィールドを設定できるようになります。
兄弟カラー メタフィールドと兄弟コレクション ハンドルという 2 つのメタフィールド定義を作成する必要があります。定義ごとに、以下のようにName 、 Namespace と key 、およびSelect Typeを設定します。
兄弟カラーメタフィールド
名前: 兄弟で使用するオプションの名前を入力します (例:
Sibling color名前空間とキー: このメタフィールドの名前空間とキー
custom.sibling_colorなど) を入力してください。これらの値は後でテーマの設定に必要になるため、選択した名前空間とケットを覚えておくことが重要です。タイプ: [1 つの値を持つ1 行のテキスト]を選択してください。
兄弟コレクションハンドル
名前: 兄弟で使用されるオプションの任意の名前を入力します (例:
Sibling collection handle。ネームスペースとキー: このメタフィールドのネームスペースとキーを入力してください (例:
custom.sibling_collection_handle)。これらの値は後でテーマの設定に必要になるため、選択した名前空間とケットを覚えておくことが重要です。タイプ: [1 つの値を持つ1 行のテキスト]を選択してください。
各メタフィールドの「保存」をクリックして定義の追加を終了します。
2.2.製品に値を設定します
次に、以前に作成した各製品 (Earthy Elegance、Sunset Soiree、Pink Paradise、Tangy Twist、Golden Glow) に戻り、各メタフィールドの値を設定します。
たとえば、 Earthy Elegance製品のメタフィールドでは
兄弟コレクションは
the-endless-summerを扱います。兄弟色の
Tan
サンセットソワレ、ピンクパラダイス、タンジーツイスト、ゴールデングロウの商品が対象です。
兄弟コレクションは、
the-endless-summerを処理します。指定された値は、コレクション内のすべての製品で一貫したままになります。兄弟色の
other value。割り当てられる値は、指定されたコレクション内のアイテムごとに異なります。
兄弟製品設定を有効にする
次の簡単な手順に従って、兄弟製品ブロックを有効にして設定します。
Shopify 管理者ダッシュボードで、 [オンライン ストア] > [テーマ]をクリックします。
[テーマ] ページで、 [Be Yours]テーマを選択し、テーマの[カスタマイズ] ボタンをクリックします。
デフォルトの製品ページ(または他の製品テンプレート) >テンプレートセクション グループ >製品情報>ブロックの追加>兄弟製品をクリックします。
兄弟製品のブロック設定。以下の指示に従ってください。
オプション名- テキスト
Colorを入力してください。ここの値は、用途に合わせてカスタマイズできます。オプション値メタフィールド
custom.sibling_color。パート 2.1 の Shopify メタフィールド名と完全に一致していることを確認してください。コレクション ハンドル メタフィールド
custom.sibling_collection_handle。パート 2.1 の Shopify メタフィールド名と完全に一致していることを確認してください。
- 「保存」をクリックして終了します。
上記の手順を完了すると、以下のビデオに示すように、製品が兄弟製品の見本とともに表示されます。
この記事がお役に立てば幸いです。この機能についてご質問やご不明な点がございましたら、お気軽に弊社チームのサポートまでお問い合わせください。
"