商品詳細にinputエリアを作りそこに入力された数値によってリアルタイムで金額を変えたい

家具のフルーダーサイトを構想中です。

商品詳細ページに「幅」「高さ」「奥行き」などの入力欄を用意して、お客さんに入力してもらう形を想定しています。

商品詳細ページに「幅」「高さ」「奥行き」などのinputエリアを設置するのはliquidファイルのカスタマイズで実現できることは理解しています。

今回やりたいのは、この「幅」「高さ」「奥行き」などに入力された数値によって、商品詳細ページの価格をリアルタイムで変えることです。

色々と調べてみたのですが、いい解決策が見つからずコミュニティに投稿しました。

参考となりそうなリファレンスをご存知の方はお教えいただけないでしょうか。

※Shopifyの商品オプション(SKU)の範囲内で対応できるのが一番良いのですが、サイズの組み合わせパターン的に上限を超えてしまうので、inputエリアをカスタマイズで作る方法を検討しています。

※なお「Variant Option Product Options」( https://apps.shopify.com/best-custom-product-options?locale=ja )等のアプリを使って近いことができるのは承知しているのですが、今回のサイトで実現したい別の要件と競合するため、こういったオプション追加のアプリを利用しない解決策を探しています。

お手数おかけいたしますが、どうぞよろしくお願いいたします。

こちらの件、その他要件も加味するとShopifyでの実現が難しかったため、EC CUBEで構築を行いました。解決済みとさせていただきます。