商品のバリエーション｜商品

POSプランのサブスクライバーは、注意事項をご覧ください。

異なるバリエーション（例：異なる色と異なるサイズの組み合わせ）で商品を販売したい場合は、商品バリエーション機能を使用して「バリエーション」と「オプション」を作成できます。

• はじめに
• ステップバイステップの設定
• エラーメッセージとトラブルシューティング
• 注意事項

1. はじめに 

設定を始める前に、バリエーション、オプション、および商品バリエーションの違いを理解することが重要です。

• バリエーション：システムは最大 3種類のバリエーションを提供します。「サイズ」、「色」、またはカスタムオプションを使用してバリエーションを作成できます。
• オプション：「色」がバリエーションとして選択された場合、オプションの例は「赤」、「ネイビー」、「蛍光緑」などです。「サイズ」の場合、オプションは「小」、「中」、「大」などです。
• 商品バリエーション：バリエーションとオプションの組み合わせです。例えば：「赤、大」；「ネイビー、中」；「茶色、小」などです。

スーツジャケットを例にとると、

• バリエーション：3つのバリエーション - 色、サイズ、およびカスタムバリエーションフィッティング
• オプション：「黒」と「茶色」についての色；「S」、「M」、および「L」についてのサイズ；「男性」と「女性」についてのフィッティング
• 商品バリエーション：3つのバリエーションからオプションを組み合わせた後、「茶色、S、男性」というジャケットができます。

各商品は最大3つのバリエーションを持つことができます。一般的に使用されるバリエーションには「色」、「サイズ」、「重量」などがあります。ただし、ストアで利用可能な商品バリエーションの総数は、プランに応じて制限されています。詳細については、以下の表をご覧ください：

• 新しい商品バリエーションのバージョン：各商品バリエーションに対して個別に販売価格、コスト、重量を設定し、ストアフロントの価格エリアに表示させることができます。さらに、商品の特徴に合わせたバリエーションとオプションの組み合わせを作成することで、より多くの商品バリエーションを作成できます。

2. ステップバイステップの設定 

ステップ1. プランを確認する

SHOPLINE管理画面の右上隅で、[こんにちは、（あなたの名前）] > [マイサブスクリプション＆請求]に移動して、ストアのプランとモジュールを確認します。

1. 「有料サブスクリプション」の下にプランとモジュールがあります。ストアがeコマース、ソーシャルコマース、またはPOSシステムを持っているか確認してください。これらのプランのいずれかを持っている場合は、 ステップ2. バリエーションタブに移動するにスキップしてください。
   
   
   
    
2. 基本、アドバンス、プレミアム、O2O、エンタープライズ、またはクロスボーダープランを使用している場合（以下に示す）。ストアがO2Oまたは エンタープライズプランを使用しているか確認してください。
   適切なプランを持っている場合は、SHOPLINE管理画面 > [アプリ] > [アプリストア]に移動し、「商品バリエーションを400増やす」アプリケーションをインストールできます。

ステップ2. バリエーションタブに移動する 

SHOPLINE管理画面で、[商品＆カテゴリ] > [商品]に移動し、次に商品横の編集をクリックし、バリエーションタブに移動します。

ステップ3. 商品バリエーションを有効にする

「編集」ページに入ったら、「バリエーション」タブを選択します。「バリエーション」機能はデフォルトでオフになっています。商品が複数のバリエーションを持つ場合は、最初に「バリエーション」機能のトグルをオンにしてください。

*注意事項：

• 商品に対する「バリエーション」トグルがオンになると、各商品バリエーションの配送料はバリエーションの重量に基づいて計算され、主商品ではなくなります。主商品の重量は変更できません。
• [近日公開] 新しいギフト機能を使用している場合は、商品バリエーションを有効または無効にする前に、主商品がギフトとして設定されているか、ギフトがプロモーションに含まれているかを確認してください。詳細については、ギフト（新機能）をご覧ください。

ステップ 4. バリエーション名の設定

バリエーションを追加をクリックして新しいバリエーションを作成します。2つのプリセット（「サイズ」と「色」）のいずれかを選択するか、「カスタム」を選択して名前を入力して独自のものを作成できます。

右側のボックスに「オプション」名を入力し、各項目をカンマで区切ります。

2つ目または3つ目のバリエーションを追加するには、バリエーションを追加をクリックし、右側のボックスにオプション名を入力し、各項目をカンマで区切ります。

*注意：

• バリエーションのオプション名は重複できません。
• 現在、2つのバリエーションのオプション画像はストアフロントの下に表示されます。

2つのバリエーションを作成する際に、バリエーションの新しいオプションを追加すると、システムが自動的に商品バリエーションを作成します。

たとえば、「色」バリエーションのオプションとして「クラシックブルー」と「ファンピンク」を設定し、「サイズ」バリエーションの下に「大」、「中」、「小」を設定すると、システムは以下のように6つの商品バリエーションを自動的に生成します。

*注意： 商品バリエーションが50を超える場合、商品は1ページあたり50のバリエーションに分割されます。ページ番号をクリックしてページを移動できます。

ステップ 5. 言語設定

バリエーション/オプション名を編集をクリックすることで、異なる言語のバリエーションおよびオプション名を編集できます。ポップアップウィンドウでは、すべての言語のオプション名を入力するか、ストアのデフォルト言語のみで入力することを選択できます。

*注意：ストアのデフォルト言語は[設定] > [基本設定]に移動して変更できます。

ステップ 6. 数量と価格の設定

• メイン商品と同じ価格：このオプションはデフォルトでチェックされています。このオプションがオフの場合、各商品バリエーションの価格、販売価格、小売店価格、[近日公開]ストア特定価格、メンバー価格、メンバーシップティア価格、コスト、数量のフィールドを個別に入力できます。  
  • 小売店価格は、eコマース + 小売POSシステムを使用しているビジネスオーナーのみサポートされています。
  • [近日公開]ストア特定価格は、「eコマース+小売POS/ソーシャルコマース+小売POS/eコマース+ソーシャルコマース+小売POS」システムを使用しているビジネスオーナーのみサポートされており、ビジネスオーナーはSHOPLINE管理画面で「商品に対してストア特定価格を設定する」トグルをオンにする必要があります。詳細については、[近日公開] ストア特定価格｜POS管理を参照してください。
• 無制限数量：すべての商品バリエーションの在庫が無制限の場合、「無制限数量」オプションをチェックして、これをすべての商品バリエーションに適用します。

*メイン商品詳細を商品バリエーションに一括適用  

複数の商品バリエーションを選択し、以下のメイン商品詳細を一括適用できます：通常価格、販売価格、メンバー価格、コスト、ロケーションID、商品SKU、重量。

これを行うには、一括適用したい商品バリエーションをチェックし、「メイン商品情報を適用」ドロップダウンメニューで適用したいフィールドを選択します。

ステップ 7. 単一の商品バリエーションを追加  

バリエーションを追加をクリックして単一の商品バリエーションを作成します。これは、商品バリエーションが1つだけ（すなわち、1つのバリエーション-オプションの組み合わせ）の場合に使用できます。

たとえば、「小麦タイプ」オプション「ライ麦」が「サイズ」オプション「大」にのみ利用可能で、他の小麦タイプ-サイズの組み合わせにはない場合、単一の「大-ライ麦」商品バリエーションを作成できます。

ステップ 8. オプション/商品バリエーションの順序を変更

ストアフロントのオプションの表示順序は、管理画面のソート順に従います。

ストアフロントのオプションの順序を調整するには、オプションの上にカーソルを置くと✥シンボルが表示されます。これを使用してオプションをドラッグ＆ドロップし、順序を再配置します。オプションが再配置されると、商品バリエーションリストは自動的に変更を反映します。

ステップ 9. 設定を保存

「公開」トグルをはいに切り替え、更新をクリックして変更を保存することを忘れないでください。

ステップ 10. ストアフロントでのバリエーションの確認

バリエーションのある商品については、商品バリエーションの価格に応じて、3つの方法で商品バリエーションが表示されます。

i. 単一価格表示 

「メイン商品と同じ価格」ボックスにチェックを入れると、商品バリエーションの価格は次のように表示されます：

取り消し線：通常価格（100）

取り消し線なし：販売価格（90）

ii. 価格範囲 + 最高価格の取り消し線

各商品バリエーションにそれぞれの価格があるが、これらの価格の中に最高価格が含まれていない場合（すなわち、すべての商品バリエーションにセール価格がある場合）：

取り消し線：最高の商品バリエーション価格

取り消し線なし：商品バリエーションのセール価格範囲（最低価格–最高価格）。

3. 価格範囲の表示

各商品バリエーションの価格が異なり、商品の最高価格がその範囲に含まれている場合、価格範囲のみが表示されます。

3. エラーメッセージとトラブルシューティング

関連設定を変更または更新する前に、すべてのバリエーション情報をバックアップすることをお勧めします。

ステップ 1

バリエーションまたはオプションの言語設定が無効であるか、エラーが含まれている場合、システムは問題のあるオプションと商品バリエーションを赤でマークします（下記参照）。バリエーション/オプション名を編集をクリックして、エラーを特定し修正してください。

ステップ 2

バリエーション/オプション名を編集をクリックした後、エラーのあるフィールドは赤でマークされ、入力された情報が無効である理由を説明するエラーメッセージが表示されます（例：2つのフィールドが同じ名前を持っている）。

4. 注意事項

• 表示価格範囲機能は、ストアフロントをカスタマイズするために「オンラインストアデザイン」ページでカスタムCSS機能を有効にしたビジネスオーナーに対してデフォルトでオフになっています。これは、構文エラーを避けるためです。
• 表示価格範囲機能を使用したい場合は、[設定] > [商品設定]に移動します。「最初に体験する：ストアフロント商品リストページに表示価格範囲」を見つけ、プレビュー モードをクリックして、価格範囲機能がストアフロントでどのように表示されるかを確認します。

• ストアフロントの表示が期待に沿わない場合は、[オンラインストアデザイン] > [デザイン] > 高度な設定タブ > カスタムCSSに移動して、既存のコードを編集できます。ストアフロントでどのように表示されるかをプレビューするには、「最初に体験する：ストアフロント商品リストに表示価格範囲」のトグルスイッチを「現在使用中」に設定します。
• スイッチが「現在使用中」に設定されているが、商品の価格範囲がストアフロントに表示されない場合は、オンラインビジネスオーナー成功チームにお問い合わせください。

さらに詳しく

商品バリエーションおよび関連設定に関する詳細情報は、以下のリンクをご覧ください：

• 商品バリエーションのための画像をアップロード
• 画像付きカスタマイズバリエーションセレクター
• ラベルスウォッチ付きバリエーションセレクターのカスタマイズ
• カスタムCSS