各製品に独自のサイズ表を設定する

ストアでは多くの商品を販売しており、それぞれの商品に異なる寸法の独自のサイズ表がある場合があります。すべての製品の静的なサイズ表を表示するのではなく、顧客が興味のある商品の詳細を確認するためにクリックしたときに、関連するサイズ表が表示される必要があります。この記事では、その設定方法を紹介します。

このページでは

• サイズ表の適格性
• サイズ表を商品ページまたはセクションに追加する

サイズ表の適格性

サイズ表を有効にするには、製品に[サイズ]オプションが必要です。

顧客が選択できる製品のサイズ オプションを追加するには、次のように設定します。

1. Shopify 管理者ダッシュボードで、 [製品]をクリックし、サイズ表を表示する製品を選択します。
2. その製品をクリックして編集ウィンドウを開きます。次に、 「オプション」フィールドまで下にスクロールし、「サイズ」属性を追加し、S、M、L などのさまざまなオプションを選択します。次に、 「保存」をクリックします。
   注:サイズオプションは、サイズ チャートを有効にするためのデフォルトの検証として使用されます。オプションラベルを「サイズ」から別のテキストに変更したい場合は、次の手順で変更できます。
   • Shopify 管理者ダッシュボードで、 [オンライン ストア] > [テーマ]をクリックします。
   • [テーマ]ページで、 [Be Yours]テーマを選択し、テーマのボタン[アクション] > [言語の編集]をクリックします。

   • [製品]タブで、 [サイズ チャート] トリガーに移動し、オプション ラベルに使用する名前に変更します。

   • 「保存」をクリックして変更を確認します。

サイズ表を商品ページまたはセクションに追加する

1. まず、Shopify 管理ダッシュボードで[オンライン ストア] > [ページ]に移動し、 [ページの追加]をクリックして、さまざまなサイズのチャートのページを作成する必要があります。たとえば、サイズ表のコンテンツは新しいページ「植物棚のサイズ」に追加されます。

2. 次に、サイズ チャートの新しいメタフィールド定義を作成します。新しいメタフィールド定義を追加する詳細な手順については、「動的ソースとメタフィールドを使用したカスタマイズの活用」の記事を参照してください。
   • 名前: メタフィールド名を指定します。この例では「サイズ表」です。
   • 名前空間とキー: デフォルトの名前空間とキーをそのまま使用することも、好みに応じて変更することもできます。
   • このメタフィールドのコンテンツ タイプとしてページを選択します。

3. 3 番目に、Shopify 管理者ダッシュボードの[製品]タブから特定の製品を選択した後、この新しいメタフィールドに作成されたページである固有のサイズ チャートを追加します。たとえば、「Pomo Recycled Planter」という名前の製品を選択し、クリックしてその編集ウィンドウを開き、メタフィールド部分まで下にスクロールして、そのサイズチャートのメタフィールドに「Plant Shelf Size」ページを追加します。次に、 「保存」をクリックして設定を確認します。

4. 次に、 Be Yoursテーマ エディターでサイズ チャートを有効にする製品ページまたはセクション (製品ページ、注目の製品セクション、製品モーダルなど) に移動します。その後、バリアント ピッカーブロックを追加します。
5. 追加されたバリアント ピッカーブロックを選択し、動的ソースの接続アイコンをクリックします。

6. 前に作成したSize chartメタフィールドを選択し、 Connectボタンをクリックします。

7. 手順 3 で設定したメタフィールド値が製品に表示されます。

8. 同じプロセスを実行して、別の製品の別の一意のサイズ チャートを接続します。

この記事がお役に立てば幸いです。この機能についてご不明な点がございましたら、サポートが必要なため、お気軽に弊社チームまでお問い合わせください。

ストアでは多くの商品を販売しており、それぞれの商品に異なる寸法の独自のサイズ表がある場合があります。すべての製品の静的なサイズ表を表示するのではなく、顧客が興味のある商品の詳細を確認するためにクリックしたときに、関連するサイズ表が表示される必要があります。この記事では、その設定方法を紹介します。

このページでは

• サイズ表の適格性
• サイズ表を商品ページまたはセクションに追加する

サイズ表の適格性

サイズ表を有効にするには、製品に[サイズ]オプションが必要です。

顧客が選択できる製品のサイズ オプションを追加するには、次のように設定します。

1. Shopify 管理者ダッシュボードで、 [製品]をクリックし、サイズ表を表示する製品を選択します。
2. その製品をクリックして編集ウィンドウを開きます。次に、 「オプション」フィールドまで下にスクロールし、「サイズ」属性を追加し、S、M、L などのさまざまなオプションを選択します。次に、 「保存」をクリックします。

   

   注:サイズオプションは、サイズ チャートを有効にするためのデフォルトの検証として使用されます。オプションラベルを「サイズ」から別のテキストに変更したい場合は、次の手順で変更できます。
   • Shopify 管理者ダッシュボードで、 [オンライン ストア] > [テーマ]をクリックします。
   • [テーマ]ページで、 [Be Yours]テーマを選択し、テーマのボタン[アクション] > [言語の編集]をクリックします。

     

   • [製品]タブで、 [サイズ チャート] トリガーに移動し、オプション ラベルに使用する名前に変更します。

     

   • 「保存」をクリックして変更を確認します。

サイズ表を商品ページまたはセクションに追加する

1. まず、Shopify 管理ダッシュボードで[オンライン ストア] > [ページ]に移動し、 [ページの追加]をクリックして、さまざまなサイズのチャートのページを作成する必要があります。たとえば、サイズ表のコンテンツは新しいページ「植物棚のサイズ」に追加されます。

   

2. 次に、サイズ チャートの新しいメタフィールド定義を作成します。新しいメタフィールド定義を追加する詳細な手順については、「動的ソースとメタフィールドを使用したカスタマイズの活用」の記事を参照してください。
   • 名前: メタフィールド名を指定します。この例では「サイズ表」です。
   • 名前空間とキー: デフォルトの名前空間とキーをそのまま使用することも、好みに応じて変更することもできます。
   • このメタフィールドのコンテンツ タイプとしてページを選択します。

     

3. 3 番目に、Shopify 管理者ダッシュボードの[製品]タブから特定の製品を選択した後、この新しいメタフィールドに作成されたページである固有のサイズ チャートを追加します。たとえば、「Pomo Recycled Planter」という名前の製品を選択し、クリックしてその編集ウィンドウを開き、メタフィールド部分まで下にスクロールして、そのサイズチャートのメタフィールドに「Plant Shelf Size」ページを追加します。次に、 「保存」をクリックして設定を確認します。

   

4. 次に、 Be Yoursテーマ エディターでサイズ チャートを有効にする製品ページまたはセクション (製品ページ、注目の製品セクション、製品モーダルなど) に移動します。その後、バリアント ピッカーブロックを追加します。
5. 追加されたバリアント ピッカーブロックを選択し、動的ソースの接続アイコンをクリックします。

   

6. 前に作成したSize chartメタフィールドを選択し、 Connectボタンをクリックします。

   

7. 手順 3 で設定したメタフィールド値が製品に表示されます。

   

8. 同じプロセスを実行して、別の製品の別の一意のサイズ チャートを接続します。

この記事がお役に立てば幸いです。この機能についてご不明な点がございましたら、サポートが必要なため、お気軽に弊社チームまでお問い合わせください。