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

Custom quantity input on add to cart help [Shopify]

本文关键字:自定义 输入 购物车 帮助 Shopiy 添加      更新时间:2023-09-26

我在这方面遇到了困难,希望有一个简单的答案

我的产品都是基于标价的,1-25=5.00美元,26-50=4.00美元,等等。我该如何在产品页面上输入数量,然后以正确的价格传递到添加到购物车页面?

本质上,这就是我试图实现的(取自Shopify论坛):

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

  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
             }

?>