売り切れた商品の価格表示を無くしたいのですが、どうしたら良いですか？
AI-generated summary
Vesselテーマで、売り切れ商品の価格表示を消したいという相談。ストアURL確認後、在庫切れ商品の価格を非表示にするにはコード編集が必要と案内された。
提案された対応は、theme.liquid の </body> 直前に、product.available（商品が購入可能かどうか）を使って product-price の表示・非表示を切り替えるコードを追加する方法。手順とあわせて、完成イメージの画像も共有された。
その後、適用すると「販売中の商品まで価格が表示されなくなった」との追加報告があり、ユーザーはスクリーンショットで実際の表示崩れとコード挿入位置を提示。画像は状況把握の中心になっている。
最新のやり取りでは、コードはファイル末尾ではなく </body> の直前に入れる必要があると再案内され、ユーザーは修正後の状態を再度確認依頼している。現時点では、問題は未解決で、コードの設置位置または適用条件の確認が継続中。
こんにちは,
確認させていただき、解決コードをお伝えできるよう、ストアのURLを教えていただけますか？
ありがとうございます。
こんにちは。
ストアURLです。
ストアのURLです。
ストアのURLを共有いただきありがとうございます。在庫切れ商品の価格を非表示にするには、ストアで高度なカスタマイズが必要です。
こんにちは @user3859
以下の手順に従ってください。
オンラインストアへ移動
コードを編集
theme.liquid ファイルを見つける
ファイルの下部、 タグの上に以下のコードを追加してください
{% if product.available %}
<style>
product-price {
display: block !important;
}
</style>
{% else %}
<style>
product-price {
display: none !important;
}
</style>
{% endif %}
結果：
他に何かご不明な点がございましたら、お気軽にご連絡ください。もしお役に立てたなら、「いいね！」をいただけると大変嬉しいです。
どうぞよろしくお願いいたします。
Moeed
コードはファイルの最後に完全に追加されていますが、< /body>の上に追加する必要があります。
