# TOPページで金額を非表示にしたい

**URL:** <https://community.shopify.com/t/top/267928>\
**Category:** 技術的なQ＆A\
**Tags:** css, html\
**Created:** [November 13, 2023, 2:59am UTC](https://community.shopify.com/t/top/267928 "2023-11-13T02:59:46Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

**課題：** Shopifyテーマ「Impulse」のTOPページのみ、コレクション（商品一覧）の金額表示を非表示にしたい。他のページ（商品ページ、コレクションページ）では金額を表示したまま維持。

**解決策：** カスタムCSSを使用することで実現可能。

- **対象セクション：** 「Featured collection」を利用している前提
- **実装方法：** テーマカスタマイザーの「カスタムCSS」欄に以下のコードを追加
```css
.grid-product__price {
  display: none;
}
```

**結果：** 質問者は解決を確認。画像付きの丁寧な説明により、初心者でも理解しやすく、ランキング表示にも同様の方法で対応できた。

<div class="post-metadata">

**Author:** ![Anonymous\_21482be452b038751ed29ab7e4e48536](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_21482be452b038751ed29ab7e4e48536/32/8536_2.png) [@Anonymous\_21482be452b038751ed29ab7e4e48536](https://community.shopify.com/u/Anonymous_21482be452b038751ed29ab7e4e48536)\
**Post date:** [November 13, 2023, 2:59am UTC](https://community.shopify.com/t/top/267928/1 "2023-11-13T02:59:46Z")

</div>

【テーマ：Impulse】

TOPページに表示させているコレクション（商品一覧）のみ金額を非表示にすることは可能でしょうか？

同様の質問に目を通しましたが、Impulseではコードを編集に該当のファイルが無く、試せませんでした。

・TOPページのみで金額を非表示にしたい

・コレクションページ（コレクション一覧）では金額を表示させたい

・商品ページでは金額を表示させたい

以上を叶えるコード編集等があればご教示ください。

宜しくお願いいたします。

---

<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:** [November 13, 2023, 3:23am UTC](https://community.shopify.com/t/top/267928/2 "2023-11-13T03:23:12Z")

</div>

はじめまして

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

> TOPページに表示させているコレクション（商品一覧）のみ金額を非表示にすることは可能でしょうか？

商品一覧の表示に「Featured collection」を利用している前提で回答します。

カスタムCSSを利用することでTOPページのみ金額を非表示にできるかと思います。

**カスタムCSSの場所**

 ![TsunShot 2023-11-13 at 12.20.37@2x.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/7/6/762f99696df0cfd969b3f0081ac3513efa005d1c.jpeg)

**サンプルコード**

```css
.grid-product__price {
  display: none;
}

```

以上になります。

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

---

<div class="post-metadata">

**Author:** ![Anonymous\_21482be452b038751ed29ab7e4e48536](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_21482be452b038751ed29ab7e4e48536/32/8536_2.png) [@Anonymous\_21482be452b038751ed29ab7e4e48536](https://community.shopify.com/u/Anonymous_21482be452b038751ed29ab7e4e48536)\
**Post date:** [November 13, 2023, 5:07am UTC](https://community.shopify.com/t/top/267928/3 "2023-11-13T05:07:37Z")

</div>

！！！まさにこれです！ランキングの所も同じようにサンプルコードの入力で対応出来ました。

初心者でも画像での解説理解できました。わかりやすかったです。有難うございます。