ストアフロントでの在庫切れ商品の表示管理

商品が売り切れた場合、顧客がストアフロントでそれらを引き続き見ることができるかどうかを制御したい場合があります。デフォルトでは、SHOPLINEは在庫切れの商品およびバリエーションの両方を表示したままにしますが、ビジネスのニーズに応じてこの動作をカスタマイズできます。

このガイドでは、SHOPLINEが部分的および完全に売り切れた商品をデフォルトでどのように表示するかを説明し、売り切れたバリエーションを非表示にする方法、売り切れた商品を検索および商品一覧から削除する方法、または在庫切れ時に自動的に商品を非公開にする方法を紹介します。

SPUとSKUの理解

以下のシナリオを確認する前に、SPUとSKUの違いを理解しておくと便利です。

• 標準商品単位（SPU）： メインの商品エントリー（例：「Tシャツ」）。これはストアフロントに表示される商品です。
• 在庫管理単位（SKU）： 特定の商品バリエーション（例、サイズS、M、またはL）。 

ストアフロントのデフォルトの在庫切れ時の動作

デフォルトでは、SHOPLINEは商品やバリエーションが売り切れた際に自動的に非表示にしません。代わりに、ストアフロントの動作は個々のSKUまたは商品全体が在庫切れかどうかによって異なります。

• 一部のSKUが売り切れ（少なくとも1つのSKUが在庫あり）： SPUは表示されたままです。売り切れたSKUは商品一覧ページおよび商品ページの両方で表示されますが、購入はできません。

  

• すべてのSKUが売り切れ： SPUは売り切れバッジが商品カードに表示された状態で表示されます。商品一覧ページおよび商品ページの両方で、すべてのSKUとカート追加ボタンは利用できません。

  

以下のセクションでは、それぞれのシナリオを詳細に説明し、デフォルトの動作を変更したい場合に利用できるツールを紹介します。

シナリオ1：売り切れバリエーションの非表示

一部のSKUのみが在庫切れの場合、SPUはストアフロントに表示されたままです。売り切れたSKUは商品ページおよび商品一覧の両方で利用不可として表示され、顧客は利用不可のオプションを見ることができますが、購入はできません。

Custom Codeアプリで売り切れバリエーションを非表示にする

売り切れたSKUを表示したままにするのではなく、バリエーションセレクターから削除したい場合は、カスタムコードアプリを使用して、商品ページおよび商品一覧で売り切れバリエーションを非表示にするJavaScriptを追加できます。

詳細な手順については、「カスタムコード：包括的ガイド」を参照してください。

シナリオ 2：完全に売り切れた商品の非表示販売または非公開

商品のすべてのSKUが売り切れた場合、商品は売り切れバッジ付きでストアフロントに表示されます。顧客は商品ページを開くことはできますが、購入はできません。

ビジネスのニーズに応じて、以下の方法のいずれかを選択できます。

オプション 1：売り切れ商品を検索および商品一覧から非表示にする

スマート検索アプリを使用して、売り切れ商品を検索予測、検索結果、およびカテゴリページから除外します。

1. SHOPLINE管理画面で、アプリ > スマート検索に移動します。
2. 検索設定 > 検索設定に進み、設定をクリックします。

3. 表示設定の下で、在庫切れ商品を売り切れ商品を非表示に設定し、更新をクリックします。

   

詳細については、「スマート検索：検索設定の管理」を参照してください。

オプション 2：売り切れ時に商品を自動的に非公開にする

Flow Automationアプリを使用して、在庫が0になったときに商品を自動的に非公開にします。商品在庫変更のトリガーを設定し、数量が0である条件を追加し、アクションを商品を非表示に設定します。商品が棚から外れた際にチームに通知するメール通知も設定できます。

詳細な手順については、「Flow Automation：ストアフロントからの商品非公開」を参照してください。