商品価格を非表示にする

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

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

ヒント: お客様が商品を一時的に購入できないようにする場合、カートを無効にすることもできます。

  1. 管理画面から [設定] に移動します。
  1. Shopifyのアプリで、[ストア] > [設定] の順に移動します。
  2. [ストアの設定] セクションまでスクロールします。
  1. Shopifyのアプリで、[ストア] > [設定] の順に移動します。
  2. [ストアの設定] セクションまでスクロールします。

  1. [ストアの詳細] をクリックします。

  2. ストアの通貨セクションで、[フォーマットを変更する] をクリックします。

  3. span要素の最初の2つのフォーマットを、hiddenに設定したクラスで囲みます。引用符は使用しません。たとえば、下記は、米ドルを通貨として使用するストアの通貨表示が含まれているHTMLフォーマットです。

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

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

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

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

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。

  2. 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集] をクリックします。

  1. Shopifyアプリから [Store] をタップします。

  2. [販売チャネル] セクションで、[オンラインストア] をタップします。

  3. [テーマを管理する] をタップします。

  4. 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集] をクリックします。

  1. Shopifyアプリから [Store] をタップします。

  2. [販売チャネル] セクションで、[オンラインストア] をタップします。

  3. [テーマを管理する] をタップします。

  4. 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集] をクリックします。

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

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

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

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

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

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

無料体験を試す