コレクションページの価格を非表示にしたい

Topic summary

Symmetry 7.0.1テーマを使用しているユーザーが、コレクションページで商品価格を非表示にする方法を質問しました。

解決方法:

  • テーマエディターのカスタムCSS機能を使用
  • 手順:
    1. オンラインストア > テーマ > カスタマイズに移動
    2. コレクションページを選択
    3. カスタムCSSに以下のコードを追加:
.product-price {
  display: none;
}

株式会社Tsunの吉谷氏が参考画像付きで詳細な手順を提供し、質問者は無事に問題を解決できたと報告しました。

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.

使用テーマ:Symmetry 7.0.1

コレクションページの価格を表示しないように設定したいです。

コード編集など必要になってくると予想していますが、知識があまりないため出来る限り詳細に案内いただけると非常に助かります。

どうぞよろしくお願いいたします。

はじめまして

株式会社Tsunの吉谷と申します

>コレクションページの価格を表示しないように設定したいです。

テーマエディターのカスタムCSSを利用することで非表示にできるかと存じます。

手順

  1. オンラインストア > テーマの順に遷移
  2. 該当テーマの「カスタマイズ」をクリック
  3. 画面中央上部のセレクトボックスからコレクションを選択
  4. 画面左のCollection Pagesを選択
  5. カスタムCSSにサンプルコードを挿入
  6. 画面右上の「保存」をクリック

サンプルコード

.product-price {
  display: none;
}

参考画像

以上になります。

参考になりましたら幸いです。

株式会社Tsun

吉谷さま

教えて頂いた方法で無事問題解決いたしました。

ありがとうございました。