# テーマVesselについて

**URL:** <https://community.shopify.com/t/vessel/579561>\
**Category:** Ask & Offer\
**Created:** [December 14, 2025, 5:32pm UTC](https://community.shopify.com/t/vessel/579561 "2025-12-14T17:32:38Z")\
**Posts on this page:** 10\
**Page:** 1

## AI-generated summary

Vesselテーマで、売り切れ商品の価格表示を消したいという相談。ストアURL確認後、在庫切れ商品の価格を非表示にするにはコード編集が必要と案内された。

提案された対応は、`theme.liquid` の `</body>` 直前に、`product.available`（商品が購入可能かどうか）を使って `product-price` の表示・非表示を切り替えるコードを追加する方法。手順とあわせて、完成イメージの画像も共有された。

その後、適用すると「販売中の商品まで価格が表示されなくなった」との追加報告があり、ユーザーはスクリーンショットで実際の表示崩れとコード挿入位置を提示。画像は状況把握の中心になっている。

最新のやり取りでは、コードはファイル末尾ではなく `</body>` の直前に入れる必要があると再案内され、ユーザーは修正後の状態を再度確認依頼している。現時点では、問題は未解決で、コードの設置位置または適用条件の確認が継続中。

<div class="post-metadata">

**Author:** ![user3859](https://avatars.discourse-cdn.com/v4/letter/u/8baadc/32.png) [@user3859](https://community.shopify.com/u/user3859)\
**Post date:** [December 14, 2025, 5:32pm UTC](https://community.shopify.com/t/vessel/579561/1 "2025-12-14T17:32:38Z")

</div>

売り切れた商品の価格表示を無くしたいのですが、どうしたら良いですか？

---

<div class="post-metadata">

**Author:** ![TheScriptFlow\_1](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/thescriptflow_1/32/381825_2.png) [@TheScriptFlow\_1](https://community.shopify.com/u/TheScriptFlow_1)\
**Post date:** [December 14, 2025, 5:55pm UTC](https://community.shopify.com/t/vessel/579561/2 "2025-12-14T17:55:39Z")

</div>

こんにちは,

確認させていただき、解決コードをお伝えできるよう、ストアのURLを教えていただけますか？  
ありがとうございます。

---

<div class="post-metadata">

**Author:** ![user3859](https://avatars.discourse-cdn.com/v4/letter/u/8baadc/32.png) [@user3859](https://community.shopify.com/u/user3859)\
**Post date:** [December 15, 2025, 10:57am UTC](https://community.shopify.com/t/vessel/579561/3 "2025-12-15T10:57:06Z")

</div>

こんにちは。

ストアURLです。

> **[Instagram](https://www.instagram.com/)**
>
> Create an account or log in to Instagram - Share what you're into with the people who get you.

---

<div class="post-metadata">

**Author:** ![user3859](https://avatars.discourse-cdn.com/v4/letter/u/8baadc/32.png) [@user3859](https://community.shopify.com/u/user3859)\
**Post date:** [December 15, 2025, 3:14pm UTC](https://community.shopify.com/t/vessel/579561/4 "2025-12-15T15:14:28Z")

</div>

ストアのURLです。

> **[Doji Fetish](https://dojifetish.com/)**
>
> Doji Fetish

---

<div class="post-metadata">

**Author:** ![Qasim](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qasim/32/391870_2.png) [@Qasim](https://community.shopify.com/u/Qasim)\
**Post date:** [December 15, 2025, 3:22pm UTC](https://community.shopify.com/t/vessel/579561/5 "2025-12-15T15:22:16Z")

</div>

ストアのURLを共有いただきありがとうございます。在庫切れ商品の価格を非表示にするには、ストアで高度なカスタマイズが必要です。

---

<div class="post-metadata">

**Author:** ![Moeed](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/moeed/32/407464_2.png) [@Moeed](https://community.shopify.com/u/Moeed)\
**Post date:** [December 15, 2025, 3:26pm UTC](https://community.shopify.com/t/vessel/579561/6 "2025-12-15T15:26:00Z")

</div>

こんにちは @user3859

**以下の手順に従ってください。**

オンラインストアへ移動  
コードを編集  
theme.liquid ファイルを見つける  
ファイルの下部、 タグの上に以下のコードを追加してください

```auto
{% if product.available %}
<style>
product-price {
    display: block !important;
}
</style>
{% else %}
<style>
product-price {
    display: none !important;
}
</style>
{% endif %}

```

**結果：**

 ![image](https://canada1.discourse-cdn.com/shopifyforum/original/4X/2/1/9/219070794d7ec8012113a09487dffcb086651ae4.jpeg)

他に何かご不明な点がございましたら、お気軽にご連絡ください。もしお役に立てたなら、「いいね！」をいただけると大変嬉しいです。

どうぞよろしくお願いいたします。  
Moeed

---

<div class="post-metadata">

**Author:** ![user3859](https://avatars.discourse-cdn.com/v4/letter/u/8baadc/32.png) [@user3859](https://community.shopify.com/u/user3859)\
**Post date:** [December 15, 2025, 3:33pm UTC](https://community.shopify.com/t/vessel/579561/7 "2025-12-15T15:33:57Z")

</div>

ありがとう！販売中の商品まで金額が表示されなくなってしまったのですが、何か間違ってますか？

 ![スクリーンショット 2025-12-16 0.31.48](https://canada1.discourse-cdn.com/shopifyforum/original/4X/1/f/5/1f57991698c04a086caf96bae666b94b703f814d.png)

---

<div class="post-metadata">

**Author:** ![user3859](https://avatars.discourse-cdn.com/v4/letter/u/8baadc/32.png) [@user3859](https://community.shopify.com/u/user3859)\
**Post date:** [December 15, 2025, 3:35pm UTC](https://community.shopify.com/t/vessel/579561/8 "2025-12-15T15:35:50Z")

</div>

![スクリーンショット 2025-12-16 0.35.07](https://canada1.discourse-cdn.com/shopifyforum/original/4X/8/6/9/8696ceda52b0b6b354d730454b22cee3f7f65746.jpeg)

---

<div class="post-metadata">

**Author:** ![Moeed](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/moeed/32/407464_2.png) [@Moeed](https://community.shopify.com/u/Moeed)\
**Post date:** [December 15, 2025, 3:37pm UTC](https://community.shopify.com/t/vessel/579561/9 "2025-12-15T15:37:50Z")

</div>

コードはファイルの最後に完全に追加されていますが、\< /body\>の上に追加する必要があります。

---

<div class="post-metadata">

**Author:** ![user3859](https://avatars.discourse-cdn.com/v4/letter/u/8baadc/32.png) [@user3859](https://community.shopify.com/u/user3859)\
**Post date:** [December 15, 2025, 3:41pm UTC](https://community.shopify.com/t/vessel/579561/10 "2025-12-15T15:41:10Z")

</div>

追加しました、間違っていますか

 ![スクリーンショット 2025-12-16 0.39.34](https://canada1.discourse-cdn.com/shopifyforum/original/4X/c/0/4/c04edd77c306b95b8776ac308f258aa1d9a264be.png)