自定义数量输入添加到购物车帮助[Shopify]

时间:2012-02-05 23:29:01

标签: javascript jquery shopify

我很难用这个,希望有一个简单的答案

我的产品全部基于电话价格,1-25 = $ 5.00,26-50 = $ 4.00等。我如何在产品页面上输入数量,然后传递到添加到购物车页面正确的价格?

基本上这就是我想要实现的目标(取自Shopify论坛):

  1. 为您的产品创建尽可能多的变体,因为您有不同的单价。在您的情况下,如上所述,您将需要2个变体。

  2. 在产品页面上收集数量,然后确定相应的单价,然后在“添加到购物车”表单中更新2个字段:变量ID和数量。 (是的,您可以在产品页面上一次添加x项目。)

  3. 我如何使用Jquery实现这一目标?我正在努力收集数量和价格所需的Jquery代码并将其传递给购物车。

    谢谢!

1 个答案:

答案 0 :(得分:2)

我认为编写此代码时不需要任何HTML和post url是不可能的。您必须提供此页面的链接。但是,让我试试吧。我想你可以手动将请求从jquery文件发送到购物车。或者为了更安全,您可以将帖子数量和用户发送到另一个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
             }


?>