特集コレクションの¥価格を非表示にしたい。

Topic summary

ユーザーがTOPページに表示されている特集コレクションの価格表示(¥マーク含む)を非表示にする方法を質問しています。

試した対処法:

  • 商品情報ページでは既に非表示設定済み
  • base.cssに#CollectionSection .product-item--price { display: none; }を追加したが、他ページにも反映させたい

提案された解決策:

  1. Shopify管理画面の「設定」>「ストアの詳細」>「通貨表示が含まれているHTML」から「¥」を削除する方法
  2. コードで対処する場合は、Dawnテーマのprice.liquidファイル内の{{ money_price }}部分が価格表示コードであることを参照

現在の状況:
ユーザーは提案された方法だと他の特集コレクションでも¥が消えてしまうため、特定の特集コレクションのみでカスタムCSSを使って価格表示を消す方法を求めています。議論は継続中で、より具体的な解決策が必要な状態です。

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

こんにちは。TOPページに載せている特集コレクションの¥価格を非表示にしたいです。

商品情報ではすでに非表示にしていますが、TOPページや他のページにも表示されないようにしたいです。

base.cssの一番下に #CollectionSection .product-item–price { display: none;}を入れてみましたが非表示になりませんでした。

テーマはDawnです。よろしくお願いいたします!

YS5様

shopifyの管理画面の「設定」>「ストアの詳細」>「通貨表示が含まれているHTML」より「¥」を削除したらいかがでしょうか?

コードで対処されたい場合は、以下をご参照くださいませ。

https://qiita.com/eijiSaito/items/8d20098567e48249bd92

Dawnの場合「price.liquid」ファイルの{{ money_price }}と表記されている部分が価格表示のコードになるかと存じます。

ご参考までに。

私たちの励みにもなりますので、 お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 園畑

こんにちは。ご回答ありがとうございます。

これですと他の特集コレクションでも¥が消えてしまうのですが、

特定の特集コレクションでのみカスタムCSSなどで【¥価格】表示を消す方法はないでしょうか?