最简单的方法是不让用户输入他的具体尺寸,而是让他从准备好的尺寸中选择。
如果这是一张壁纸,并且您知道该壁纸的作用始终只有 1m 宽(只是为了简单起见),那么例如只出售这 1m 2并让用户输入将导致从该长片上切下的片数角色(因此 8 件 (m 2 ) 排序导致 8m 长的角色是 1m 宽)。在这种情况下,您可以将词块或数量更改为m 2。
如果这是具有具体尺寸(或纵横比)的墙印,让用户从一些预定义的尺寸中进行选择,例如
- XS(120 x 170 厘米)+ 0 美元
- 小号(150 x 212.5 厘米)+ 10 美元
- 中号(200 x 283 厘米)+ 20 美元
- 大号(250 x 354 厘米)+ 35 美元
- 加大码(300 x 425 厘米)+ 50 美元
这可以通过产品选项来处理,这再次比您要求的更容易......您不觉得吗?
根据评论编辑:
然后我想到的只有一种可能:
- 隐藏数量字段(不要删除,制作它
hidden
)
- 创建一些 JS
onChange
事件处理函数,它将侦听两个文本字段(对于尺寸)上的onChange
, onBlur
, onKeyUp
(whetever) 事件,这将计算结果以 m 2为单位的区域大小,这将显示给客户以及每 m 的价格2而每 1m 2的价格也是已知的并显示给客户
- 此函数还将计算出的浮点值填充到隐藏数量字段中,因此在添加到购物车后购物车应该包含类似
473 万张2 WallPrint1 $18.92
(因为我计算 1m 2的价格为 4 美元,因此 4m 2 x 4.73 $/m 2 = $18.92)
我不确定,但也许您将不得不编辑其他一些代码,以允许您将浮动数量值添加到购物车中并订购它们......