# バリエーション選択時の、金額出力のliquidについて

**URL:** <https://community.shopify.com/t/liquid/59414>\
**Category:** 技術的なQ＆A\
**Created:** [August 15, 2021, 7:49am UTC](https://community.shopify.com/t/liquid/59414 "2021-08-15T07:49:35Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

通常商品では「税込み価格（税抜き価格）」の表示は動作するが、バリエーションのある商品では選択時に正しく更新されないという問題。theme.jsで価格更新が走っているが、表示箇所の特定が難しい状況。

対応方針:
- バリエーション変更に連動して税抜き価格も更新するJavaScriptを実装する必要あり。
- ページに出力されている商品・バリエーション情報を取得し、切り替え時にDOMへ反映。
- 代替として、税込額の変更をJSで検知し、その値から税抜額を算出して表示する方法も可。

支援オプション:
- 有料テーマは開発側サポート、Shopify製テーマは公式サポートへの問い合わせ（リンク提示）。
- アプリでの対応可能性はあるが、見つけるのは難しそう。

現状と結論:
- 具体的コードや最終解決は提示されておらず、JS実装が必須という認識で一致。
- 自力が難しければエキスパートやパートナーへの依頼を推奨。議論は未解決。

<div class="post-metadata">

**Author:** ![Anonymous\_99baf7ebfb1456b95b04847964a3b985](https://avatars.discourse-cdn.com/v4/letter/a/94ad74/32.png) [@Anonymous\_99baf7ebfb1456b95b04847964a3b985](https://community.shopify.com/u/Anonymous_99baf7ebfb1456b95b04847964a3b985)\
**Post date:** [August 15, 2021, 7:49am UTC](https://community.shopify.com/t/liquid/59414/1 "2021-08-15T07:49:35Z")

</div>

商品の金額が「税込み価格（税抜き価格）」となるように、product-price.liquidの金額部分をカスタマイズしました。

通常の商品では問題なく表示されるのですが、バリエーションがある商品では正しく表示されません。

バリエーションの組み合わせを選択時にjavascriptが動いているようで、theme.js内にそれっぽい記述は見つけたのですが、実際の金額を表示する部分がわかりませんでした。

バリエーションがある商品の金額表示をカスタマイズするにはどうすればよいでしょうか？

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

---

<div class="post-metadata">

**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\
**Post date:** [September 12, 2021, 5:17am UTC](https://community.shopify.com/t/liquid/59414/2 "2021-09-12T05:17:47Z")

</div>

> 通常の商品では問題なく表示されるのですが、バリエーションがある商品では正しく表示されません。

上記が「バリエーション変更に連動して追加した税抜き価格が変化しない」ということでしたら、記載されていますとおりJSを用いて変更する必要があります。

テーマによって違いがあるかもしれませんが、大抵の場合はページ内にバリエーションを含む商品に関する情報が出力されています。  
この情報を取得し、バリエーションの切り替え時に適切に反映する処理が必要になると思います。

または税込額の変更をJSで検知し、変更後の税込価格から税抜価格を算出して表示する方法も考えられるかもしれませんが、どちらにせよJSを書く必要があります。

有料テーマであれば開発側のサポートへ、Shopify製テーマであれば以下のようなサポートへ問い合わせることで対応いただけるかもしれません。

[https://help.shopify.com/ja/manual/online-store/themes/theme-support#part-5ad7f21e8d34326a](https://help.shopify.com/ja/manual/online-store/themes/theme-support#part-5ad7f21e8d34326a)

または、 アプリを探せば使えるものがあるかもしれません(軽く探した感じでは難しそうではありましたが)。

上記では無理な場合はJSを作成する必要がありますので、自力では難しい場合はエキスパートやパートナーに依頼されることをお勧めします。
