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

[yukaymgt]

件名につきまして、

個別の商品ページでの価格表示は必要なのですが

コレクションページ（商品一覧画面）では価格を非表示にして

カタログのように表示したいです。

※可能であれば売り切れ表示も非表示にしたいです。

複雑なコード編集が必要になりますでしょうか？

お分かりになるかた、コードも含めて詳しくご教示いただければ幸いです。

よろしくお願いいたします。

[株式会社フルバランス · Accepted solution]

お世話になっております。

ご質問確認しました。

方法は2つありますが、どちらも複雑ではございません。

1. 商品価格を表示している要素を削除する

こちらはテーマがわからないので、編集ファイルがわかりませんが、

もしコード編集のご経験がございましたら、class="product-item--price"を探して、その要素を削除してみてください。

2.CSSにより、価格を非表示にする

こちらもテーマがわかないため、ファイル名を詳細にお伝えできませんが、おそらくbase.cssというファイルがあるかと思います。

base.cssの一番下に以下のコードを追記ください。

 #CollectionSection .product-item--price { display: none;}

なにかヒントになれば幸いです。

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

[yukaymgt]

株式会社フルバランス ご回答者さま

この度は早々にご回答いただき、大変わかりやすいご説明をありがとうございます！

おかげさまで解決、表示改善を実施できました。本当に助かりました。

今後ともよろしくお願いいたします。