売り切れたバリエーションを非表示にする
このページはMar 29, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/hide-sold-out-variantsをご覧ください。
商品ページでそれらのバリエーションを削除するか、無効にすることで、お客様が売り切れたバリエーションを選択しないようにできます。
制限事項
このページで説明されているカスタマイズは、以下の場合には機能しません。
- 商品に複数の商品オプションがある
-
Expressテーマを使用し、商品ページの商品をオーバーレイで表示するように設定している
セクション対応のテーマとセクション非対応のテーマ
セクション対応のテーマの手順
テーマの選択
テーマによってカスタマイズの手順は異なります。以下の指示に従う前にテーマのボタンをクリックしてください。
Boundless
このカスタマイズの手順は、売り切れたバリエーションを完全に非表示にするか、それとも単に無効にするかによって異なります。
売り切れたバリエーションを非表示にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
売り切れたバリエーションを無効にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
Brooklyn
このカスタマイズの手順は、売り切れたバリエーションを完全に非表示にするか、それとも単に無効にするかによって異なります。
売り切れたバリエーションを非表示にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
売り切れたバリエーションを無効にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
Debut
このカスタマイズの手順は、売り切れたバリエーションを完全に非表示にするか、それとも単に無効にするかによって異なります。
売り切れたバリエーションを非表示にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
売り切れたバリエーションを無効にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
Express
このカスタマイズの手順は、売り切れたバリエーションを完全に非表示にするか、それとも単に無効にするかによって異なります。
売り切れたバリエーションを非表示にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
レイアウトディレクトリーで、
theme.liquid
をクリックします。
-
</body>
のコードを探します。その上の行に次のコードのみを貼り付けます。
-
[保存] をクリックします。
売り切れたバリエーションを無効にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
Minimal
このカスタマイズの手順は、売り切れたバリエーションを完全に非表示にするか、それとも単に無効にするかによって異なります。
売り切れたバリエーションを非表示にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
売り切れたバリエーションを無効にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
Narrative
このカスタマイズの手順は、売り切れたバリエーションを完全に非表示にするか、それとも単に無効にするかによって異なります。
売り切れたバリエーションを非表示にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
custom.js
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
売り切れたバリエーションを無効にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
Simple
このカスタマイズの手順は、売り切れたバリエーションを完全に非表示にするか、それとも単に無効にするかによって異なります。
売り切れたバリエーションを非表示にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
売り切れたバリエーションを無効にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
Supply
このカスタマイズの手順は、売り切れたバリエーションを完全に非表示にするか、それとも単に無効にするかによって異なります。
売り切れたバリエーションを非表示にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
売り切れたバリエーションを無効にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
Venture
このカスタマイズの手順は、売り切れたバリエーションを完全に非表示にするか、それとも単に無効にするかによって異なります。
売り切れたバリエーションを非表示にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
売り切れたバリエーションを無効にする
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
アセットディレクトリーで、
theme.js
またはtheme.js.liquid
をクリックします。
- ファイルの下部に以下のコードを貼り付けます。
-
[保存] をクリックします。
セクション非対応のテーマの手順
売り切れたバリエーションを非表示にする
セクション非対応のテーマを使用している場合、これらの手順に従って商品ページで売り切れたバリエーションを非表示にします。
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
スニペットディレクトリーで、[新しいスニペットを追加する] をクリックします。
- 新しいスニペットに
remove-sold-out
と名付けます。
- 新しいスニペットファイルに、次のコードを貼り付けます。
-
[保存] をクリックします。
-
レイアウトディレクトリーで、
theme.liquid
をクリックします。
- ファイルの末尾近くで、
</body>
終了タグの直前に、次のコードを貼り付けます。
-
[保存] をクリックします。
売り切れたバリエーションを無効にする
セクション非対応のテーマを使用している場合、これらの手順に従って売り切れたバリエーションを無効にします。バリエーションは商品ページに引き続き表示されますが、選択できません。
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
スニペットディレクトリーで、[新しいスニペットを追加する] をクリックします。
- 新しいスニペットに
disable-sold-out
と名付けます。
- 新しいスニペットファイルに、次のコードを貼り付けます。
-
[保存] をクリックします。
-
レイアウトディレクトリーで、
theme.liquid
をクリックします。
- ファイルの末尾近くで、
</body>
終了タグの直前に、次のコードを貼り付けます。
-
[保存] をクリックします。