商品価格を非表示にする

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

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

  1. [一般設定] セクションを表示していることを確認します。表示していない場合は [一般設定] をクリックします。

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

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

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

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

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

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

  1. [アセット] ディレクトリで、theme.scss.liquidファイルをクリックして開きます。

    スタイルシートの名前はテーマによって異なるため、theme.scss.liquidが見つからない場合は、次のいずれかを探します。

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

  1. ファイルの最下部に、次のコードを追加します。
.hidden {
  display: none;
}
  1. [保存] をクリックします。

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

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

無料体験を試す