商品価格を非表示にする

このページはApr 20, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/hide-product-pricesをご覧ください。

通貨フォーマットを編集することで、すべての商品価格を非表示にし、将来再び表示することができます。

手順：

  1. 管理画面から [設定] に移動します。
  2. [ストアの詳細] をクリックします。
  3. ストアの通貨セクションで、[フォーマットを変更する] をクリックします。
  4. span要素の最初の2つのフォーマットを、hiddenに設定したクラスで囲みます。引用符は使用しません。たとえば、下記は、米ドルを通貨として使用するストアの通貨表示が含まれているHTMLフォーマットです。 
<span class=hidden>${{ amount }} USD</span>

下記は、通貨表示が含まれていないHTMLフォーマットです。

<span class=hidden>${{ amount }}</span>
  1. Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションまでスクロールします。
  3. [ストアの詳細] をクリックします。
  4. ストアの通貨セクションで、[フォーマットを変更する] をクリックします。
  5. span要素の最初の2つのフォーマットを、hiddenに設定したクラスで囲みます。引用符は使用しません。たとえば、下記は、米ドルを通貨として使用するストアの通貨表示が含まれているHTMLフォーマットです。 
<span class=hidden>${{ amount }} USD</span>

下記は、通貨表示が含まれていないHTMLフォーマットです。

<span class=hidden>${{ amount }}</span>
  1. Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションまでスクロールします。
  3. [ストアの詳細] をクリックします。
  4. ストアの通貨セクションで、[フォーマットを変更する] をクリックします。
  5. span要素の最初の2つのフォーマットを、hiddenに設定したクラスで囲みます。引用符は使用しません。たとえば、下記は、米ドルを通貨として使用するストアの通貨表示が含まれているHTMLフォーマットです。 
<span class=hidden>${{ amount }} USD</span>

下記は、通貨表示が含まれていないHTMLフォーマットです。

<span class=hidden>${{ amount }}</span>

このようにすることで、ストアフロントのすべての価格は非表示になります。価格がまだ表示されている場合は、テーマのスタイルシートの末尾にコードを追加する必要があります。次の手順を続行します。

  1. 管理画面から [オンラインストア] > [テーマ] に移動します。
  2. 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。

  3. [アセット] ディレクトリで、theme.scss.liquidファイルをクリックして開きます。スタイルシートの名前はテーマによって異なるため、theme.scss.liquidが見つからない場合は、次のいずれかを探します。

    • style.scss.liquid
    • styles.scss.liquid
    • theme.css.liquid
    • timber.scss.liquid

  4. ファイルの最下部に、次のコードを追加します。

.hidden {
  display: none;
}
  1. [保存] をクリックします。
  1. Shopifyアプリで [...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。

  5. [アセット] ディレクトリで、theme.scss.liquidファイルをクリックして開きます。スタイルシートの名前はテーマによって異なるため、theme.scss.liquidが見つからない場合は、次のいずれかを探します。

    • style.scss.liquid
    • styles.scss.liquid
    • theme.css.liquid
    • timber.scss.liquid

  6. ファイルの最下部に、次のコードを追加します。

.hidden {
  display: none;
}
  1. [保存] をクリックします。
  1. Shopifyアプリで [...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。

  5. [アセット] ディレクトリで、theme.scss.liquidファイルをクリックして開きます。スタイルシートの名前はテーマによって異なるため、theme.scss.liquidが見つからない場合は、次のいずれかを探します。

    • style.scss.liquid
    • styles.scss.liquid
    • theme.css.liquid
    • timber.scss.liquid

  6. ファイルの最下部に、次のコードを追加します。

.hidden {
  display: none;
}
  1. [保存] をクリックします。

価格を再び表示する準備が整ったら、ショップの通貨を他の通貨に変更し、自身の通貨に戻します。このようにすると、ショップの通貨の設定がデフォルトの通貨フォーマットに戻り、ストアフロントで価格が再び表示されるようになります。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す