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

**URL:** <https://community.shopify.com/t/topic/278567>\
**Category:** 技術的なQ＆A\
**Tags:** css, html\
**Created:** [December 19, 2023, 1:57pm UTC](https://community.shopify.com/t/topic/278567 "2023-12-19T13:57:24Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

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

**解決方法:**
- テーマエディターのカスタムCSS機能を使用
- 手順:
  1. オンラインストア > テーマ > カスタマイズに移動
  2. コレクションページを選択
  3. カスタムCSSに以下のコードを追加:

```css
.product-price {
  display: none;
}
```

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

<div class="post-metadata">

**Author:** ![chinol](https://avatars.discourse-cdn.com/v4/letter/c/e5b9ba/32.png) [@chinol](https://community.shopify.com/u/chinol)\
**Post date:** [December 19, 2023, 1:57pm UTC](https://community.shopify.com/t/topic/278567/1 "2023-12-19T13:57:24Z")

</div>

使用テーマ：Symmetry 7.0.1

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

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

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

---

<div class="post-metadata">

**Author:** ![kyoshi\_Tsun](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/kyoshi_tsun/32/1503_2.png) [@kyoshi\_Tsun](https://community.shopify.com/u/kyoshi_Tsun)\
**Post date:** [December 20, 2023, 9:25pm UTC](https://community.shopify.com/t/topic/278567/2 "2023-12-20T21:25:58Z")

</div>

はじめまして

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

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

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

**手順**

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

**サンプルコード**

```css
.product-price {
  display: none;
}

```

**参考画像**

 ![TsunShot 2023-12-21 at 06.18.36@2x.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/a/2/a2867cd9e870865c75eb310bcd6b1160e7d4f86b.jpeg)

以上になります。

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

---

<div class="post-metadata">

**Author:** ![chinol](https://avatars.discourse-cdn.com/v4/letter/c/e5b9ba/32.png) [@chinol](https://community.shopify.com/u/chinol)\
**Post date:** [December 21, 2023, 4:54am UTC](https://community.shopify.com/t/topic/278567/3 "2023-12-21T04:54:02Z")

</div>

株式会社Tsun

吉谷さま

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

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