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