添加到购物车帮助[Shopiy]上的自定义数量输入
Custom quantity input on add to cart help [Shopify]
我在这方面遇到了困难,希望有一个简单的答案
我的产品都是基于标价的,1-25=5.00美元,26-50=4.00美元,等等。我该如何在产品页面上输入数量,然后以正确的价格传递到添加到购物车页面?
本质上,这就是我试图实现的(取自Shopify论坛):
-
为您的产品创建尽可能多的变体,因为您有不同的单价。在您的情况下,如上所述,您将需要2种变体。
-
在产品页面上收集数量,然后确定相应的单价,然后更新"添加到购物车"表单中的2个字段:变体id和数量。(是的,您可以在产品页面上一次添加x个项目)。
如何使用Jquery实现这一点?我正在努力处理收集数量和价格并将其传递到购物车所需的Jquery代码。
谢谢!
我认为在没有任何html和post-url的情况下编写这段代码是不可能的。你必须给我们这个页面的链接。但让我试试。我认为您可以手动将请求从jquery文件发送到cart。或者为了更安全,您可以将发布数量和用户发送到另一个php文件。在这个php文件上,您可以计算奖品并将其发布到购物车。我和shopify不一样,但我试过运气。
$('#buy').click(function(){
quan=$('#quantity').val();
if(quantity >= 1 && quantity <=25){
//capture the user id
$.post("cart.php", { price: "5", quantity: quan, userId : user } );
}else if(quantity >= 26 && quantity <=50){
//capture the user id
$.post("cart.php", { price: "4", quantity: quan, userId : user } );
}
});
但别忘了客户端脚本是危险的。尝试使用服务器端脚本从数量计算价格。以下示例。
//Javascript
$('#buy').click(function(){
quan=$('#quantity').val();
//capture the user id
$.post("cart.php", { quantity: quan, userId = user } );
});
以下是php文件,用于从请求中捕获变量并对其进行处理。
//PHP
<?php
$user= $_POST['userId'];
$quantity = $_POST['quantity'];
if(quantity >= 1 && quantity <=25){
//Change cart. Mysql or post manually to cart php and send the price 5
}else if(quantity >= 26 && quantity <=50){
//Change cart. Mysql or post manually to cart php and send the price 4
}
?>
相关文章:
- Meteor JS自动表单自定义输入-没有当前视图
- 在 ember.js 中自定义输入字段的最佳实践
- jQuery 自定义输入触发器复选框
- HTML 中的自定义输入掩码
- 如何创建具有自定义输入时间的 Javascript 时钟
- 使用 KonvaJs 在画布中创建自定义输入范围
- 带有自定义输入框的 AngularJS 验证方法
- 如何在angular js中创建自定义输入feild
- 使用ngModel的自定义输入指令不会更新模型值
- sap.m中的自定义输入类型.输入sap-ui5
- 自定义输入验证
- jqGrid自定义输入元素需要父表的句柄
- 自定义输入控制(真棒完成)赢得't提交'值'属性
- 将自定义输入字段添加到 Meteor 中的自动表单
- 使用GWTPolmer设置复杂自定义输入的值
- 自定义输入字段以打开数字链接
- 防止在f.text_field中使用datetimepicker自定义输入(Rails 3.2, Bootstrap)
- PrestaShop block分层问题与自定义输入
- 自定义输入框行为
- 本地形式的自定义输入元素