商品価格を非表示にする
このページはMay 08, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/hide-product-pricesをご覧ください。
通貨フォーマットを編集することで、すべての商品価格を非表示にし、将来再び表示することができます。
手順:
- 管理画面から [設定] に移動します。
- [ストアの詳細] をクリックします。
- ストアの通貨セクションで、[フォーマットを変更する] をクリックします。
-
span
要素の最初の2つのフォーマットを、hidden
に設定したクラスで囲みます。引用符は使用しません。たとえば、下記は、米ドルを通貨として使用するストアの通貨表示が含まれているHTMLフォーマットです。
下記は、通貨表示が含まれていないHTMLフォーマットです。
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションまでスクロールします。
- [ストアの詳細] をクリックします。
- ストアの通貨セクションで、[フォーマットを変更する] をクリックします。
-
span
要素の最初の2つのフォーマットを、hidden
に設定したクラスで囲みます。引用符は使用しません。たとえば、下記は、米ドルを通貨として使用するストアの通貨表示が含まれているHTMLフォーマットです。
下記は、通貨表示が含まれていないHTMLフォーマットです。
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションまでスクロールします。
- [ストアの詳細] をクリックします。
- ストアの通貨セクションで、[フォーマットを変更する] をクリックします。
-
span
要素の最初の2つのフォーマットを、hidden
に設定したクラスで囲みます。引用符は使用しません。たとえば、下記は、米ドルを通貨として使用するストアの通貨表示が含まれているHTMLフォーマットです。
下記は、通貨表示が含まれていないHTMLフォーマットです。
このようにすることで、ストアフロントのすべての価格は非表示になります。価格がまだ表示されている場合は、テーマのスタイルシートの末尾にコードを追加する必要があります。次の手順を続行します。
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
[アセット] ディレクトリで、
theme.scss.liquid
ファイルをクリックして開きます。スタイルシートの名前はテーマによって異なるため、theme.scss.liquid
が見つからない場合は、次のいずれかを探します。-
style.scss.liquid
-
styles.scss.liquid
-
theme.css.liquid
-
timber.scss.liquid
-
ファイルの最下部に、次のコードを追加します。
- [保存] をクリックします。
- Shopifyアプリで [...] ボタンをタップします。
- 販売チャネルセクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
[アセット] ディレクトリで、
theme.scss.liquid
ファイルをクリックして開きます。スタイルシートの名前はテーマによって異なるため、theme.scss.liquid
が見つからない場合は、次のいずれかを探します。-
style.scss.liquid
-
styles.scss.liquid
-
theme.css.liquid
-
timber.scss.liquid
-
ファイルの最下部に、次のコードを追加します。
- [保存] をクリックします。
- Shopifyアプリで [...] ボタンをタップします。
- 販売チャネルセクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
-
[アセット] ディレクトリで、
theme.scss.liquid
ファイルをクリックして開きます。スタイルシートの名前はテーマによって異なるため、theme.scss.liquid
が見つからない場合は、次のいずれかを探します。-
style.scss.liquid
-
styles.scss.liquid
-
theme.css.liquid
-
timber.scss.liquid
-
ファイルの最下部に、次のコードを追加します。
- [保存] をクリックします。
価格を再び表示する準備が整ったら、ショップの通貨を他の通貨に変更し、自身の通貨に戻します。このようにすると、ショップの通貨の設定がデフォルトの通貨フォーマットに戻り、ストアフロントで価格が再び表示されるようになります。