こんにちは。TOPページに載せている特集コレクションの￥価格を非表示にしたいです。
商品情報ではすでに非表示にしていますが、TOPページや他のページにも表示されないようにしたいです。
base.cssの一番下に #CollectionSection .product-item–price { display: none;}を入れてみましたが非表示になりませんでした。
テーマはDawnです。よろしくお願いいたします！
Topic summary
ユーザーがTOPページに表示されている特集コレクションの価格表示(￥マーク含む)を非表示にする方法を質問しています。
試した対処法:
- 商品情報ページでは既に非表示設定済み
- base.cssに
#CollectionSection .product-item--price { display: none; }を追加したが、他ページにも反映させたい
提案された解決策:
- Shopify管理画面の「設定」>「ストアの詳細」>「通貨表示が含まれているHTML」から「￥」を削除する方法
- コードで対処する場合は、Dawnテーマの
price.liquidファイル内の{{ money_price }}部分が価格表示コードであることを参照
現在の状況:
ユーザーは提案された方法だと他の特集コレクションでも￥が消えてしまうため、特定の特集コレクションのみでカスタムCSSを使って価格表示を消す方法を求めています。議論は継続中で、より具体的な解決策が必要な状態です。
YS5様
shopifyの管理画面の「設定」>「ストアの詳細」>「通貨表示が含まれているHTML」より「￥」を削除したらいかがでしょうか？
コードで対処されたい場合は、以下をご参照くださいませ。
https://qiita.com/eijiSaito/items/8d20098567e48249bd92
Dawnの場合「price.liquid」ファイルの{{ money_price }}と表記されている部分が価格表示のコードになるかと存じます。
ご参考までに。
私たちの励みにもなりますので、 お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 園畑
こんにちは。ご回答ありがとうございます。
これですと他の特集コレクションでも￥が消えてしまうのですが、
特定の特集コレクションでのみカスタムCSSなどで【￥価格】表示を消す方法はないでしょうか？