件名につきまして、
個別の商品ページでの価格表示は必要なのですが
コレクションページ（商品一覧画面）では価格を非表示にして
カタログのように表示したいです。
※可能であれば売り切れ表示も非表示にしたいです。
複雑なコード編集が必要になりますでしょうか？
お分かりになるかた、コードも含めて詳しくご教示いただければ幸いです。
よろしくお願いいたします。
Topic summary
ユーザーは、コレクションページ（商品一覧）で価格を非表示にし、カタログのように表示したいと質問しています。ただし、個別の商品ページでは価格表示を維持したいとのことです。
提案された解決方法（2つ）：
-
HTMLコード編集：
class="product-item--price"の要素を削除する方法。テーマによって編集ファイルが異なります。 -
CSS追加：
base.cssファイルの最下部に以下のコードを追加：
#CollectionSection .product-item--price { display: none; }
結果：
ユーザーは提案されたCSSコードで問題を解決し、表示改善を実施できたと報告しています。どちらの方法も複雑ではなく、コード編集の経験があれば実装可能です。
お世話になっております。
ご質問確認しました。
方法は2つありますが、どちらも複雑ではございません。
1. 商品価格を表示している要素を削除する
こちらはテーマがわからないので、編集ファイルがわかりませんが、
もしコード編集のご経験がございましたら、class="product-item–price"を探して、その要素を削除してみてください。
2.CSSにより、価格を非表示にする
こちらもテーマがわかないため、ファイル名を詳細にお伝えできませんが、おそらくbase.cssというファイルがあるかと思います。
base.cssの一番下に以下のコードを追記ください。
#CollectionSection .product-item--price { display: none;}
なにかヒントになれば幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
1 Like
株式会社フルバランス ご回答者さま
この度は早々にご回答いただき、大変わかりやすいご説明をありがとうございます！
おかげさまで解決、表示改善を実施できました。本当に助かりました。
今後ともよろしくお願いいたします。