Liquid、JavaScriptなどに関する質問
商品の金額が「税込み価格(税抜き価格)」となるように、product-price.liquidの金額部分をカスタマイズしました。
通常の商品では問題なく表示されるのですが、バリエーションがある商品では正しく表示されません。
バリエーションの組み合わせを選択時にjavascriptが動いているようで、theme.js内にそれっぽい記述は見つけたのですが、実際の金額を表示する部分がわかりませんでした。
バリエーションがある商品の金額表示をカスタマイズするにはどうすればよいでしょうか?
よろしくお願いいたします。
解決済! ベストソリューションを見る。
成功
通常の商品では問題なく表示されるのですが、バリエーションがある商品では正しく表示されません。
上記が「バリエーション変更に連動して追加した税抜き価格が変化しない」ということでしたら、記載されていますとおりJSを用いて変更する必要があります。
テーマによって違いがあるかもしれませんが、大抵の場合はページ内にバリエーションを含む商品に関する情報が出力されています。
この情報を取得し、バリエーションの切り替え時に適切に反映する処理が必要になると思います。
または税込額の変更をJSで検知し、変更後の税込価格から税抜価格を算出して表示する方法も考えられるかもしれませんが、どちらにせよJSを書く必要があります。
有料テーマであれば開発側のサポートへ、Shopify製テーマであれば以下のようなサポートへ問い合わせることで対応いただけるかもしれません。
https://help.shopify.com/ja/manual/online-store/themes/theme-support#part-5ad7f21e8d34326a
または、 アプリを探せば使えるものがあるかもしれません(軽く探した感じでは難しそうではありましたが)。
上記では無理な場合はJSを作成する必要がありますので、自力では難しい場合はエキスパートやパートナーに依頼されることをお勧めします。
成功
通常の商品では問題なく表示されるのですが、バリエーションがある商品では正しく表示されません。
上記が「バリエーション変更に連動して追加した税抜き価格が変化しない」ということでしたら、記載されていますとおりJSを用いて変更する必要があります。
テーマによって違いがあるかもしれませんが、大抵の場合はページ内にバリエーションを含む商品に関する情報が出力されています。
この情報を取得し、バリエーションの切り替え時に適切に反映する処理が必要になると思います。
または税込額の変更をJSで検知し、変更後の税込価格から税抜価格を算出して表示する方法も考えられるかもしれませんが、どちらにせよJSを書く必要があります。
有料テーマであれば開発側のサポートへ、Shopify製テーマであれば以下のようなサポートへ問い合わせることで対応いただけるかもしれません。
https://help.shopify.com/ja/manual/online-store/themes/theme-support#part-5ad7f21e8d34326a
または、 アプリを探せば使えるものがあるかもしれません(軽く探した感じでは難しそうではありましたが)。
上記では無理な場合はJSを作成する必要がありますので、自力では難しい場合はエキスパートやパートナーに依頼されることをお勧めします。
いつもShopifyをご利用いただき、ありがとうございます。 Shopifyは、皆様の日本語での利用体験の向上に努めております。さらなる改善のために皆様のご意見をお寄せい...
By JasonH May 9, 2025Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025