最も簡単な方法は、ユーザーに具体的な寸法を入力させるのではなく、用意された寸法から選択させることです。
これが壁紙であり、この壁紙の役割が常に幅 1m のみであることを知っている場合 (簡単にするため)、たとえば、この 1m 2のみを販売し、ユーザーがその長い部分を切り取る部分の量を入力できるようにします。役割 (したがって、8 個 (m 2 ) を注文すると、長さ 8 m、幅 1 m の役割になります)。この場合、単語個またはm 2の数量を変更できます。
これが具体的な寸法 (または縦横比) のウォール プリントの場合、ユーザーはいくつかの事前定義されたサイズから選択できます。
- XS (120 x 170 cm) + $0
- S (150 x 212.5 cm) + $10
- M (200 x 283 cm) + $20
- L (250 x 354 cm) + $35
- XL (300 x 425 cm) + $50
これは、あなたが要求しているものよりも簡単な製品オプションによって処理される可能性があります... そうではありませんか?
コメントに基づいて編集:
それから私の頭に浮かぶ唯一の可能性があります:
- 数量フィールドを非表示にする (削除しないでください
hidden
)
- いくつかの JS
onChange
イベント処理関数を作成します。これは、両方のテキスト フィールド (寸法用)onChange
で , onBlur
, onKeyUp
(いずれにせよ) イベントをリッスンします。これにより、m 2単位の結果の領域サイズが計算され、顧客に表示されるだけでなく、その m あたりの価格も計算されます。 2 1m 2あたりの価格もわかり、顧客に表示されます
- この関数は、計算されたフロート値を非表示の数量フィールドにも入力するため、カートに追加した後、カートには次のようなものが含まれている必要があります
4.73m 2 WallPrint1 $18.92
(私は 1m 2に対して $4 の価格を計算していたので、4m 2 x 4.73 $/m 2 = $18.92 です)
よくわかりませんが、フロート数量の値をカートに追加して注文できるようにするには、他のコードを編集する必要があるかもしれません...