调整购物车订单(允许自定义数量)

时间:2013-10-10 23:47:04

标签: php jquery hash shopping-cart

目前正在使用实际上很棒的Food Delivery脚本,并填写了我正在寻找的所有基本要求!但是,一个小问题是,当您向购物车添加内容时,如果要调整数量,则必须单击 - 或+符号。如何删除它并将其替换为允许用户插入自己的号码而不是慢慢单击+号的框。

以下是购物车部分的代码。

<td>
<a href="#" class="fdCartAdjust" data-hash="<?php echo $hash; ?>" 
data-direction="down">-</a> <?php echo $item['cnt']; ?> <a href="#" 
class="fdCartAdjust" data-hash="<?php echo $hash; ?>" data-direction="up">+</a>
</td>

Also here is an image of the cart where the - + shows.

与购物车此部分相关的其他CSS代码 -

.fdCartAdjust{
text-decoration: none;
}

任何帮助都会令人惊叹。

1 个答案:

答案 0 :(得分:0)

整体而言(正如OpenCart长期程序员所说),这是一项棘手的任务。这不是一件难事,但却很棘手。

使用JS + jQuery完成的那些调整。当您点击类fdCartAdjust的链接时,会触发一些事件,这会将AJAX请求发送到您的'shopping-cart',这将添加或删除(取决于'data-direction'属性)一个单元产品。

你需要在JS代码中找到一些部分:

$('.fdCartAdjust').on('click', function(){
    //blahblah
});

或者:

$('.fdCartAdjust').click(function(){
        //blahblah
});

或类似的东西。查看此代码,确定用于发送请求的地址。例如。 index.php?route=product/cart/add

根据此地址,您需要确定PHP代码,该代码负责向购物车添加/删除单元。

由于您已经确定了这一点,因此您可以修改此代码或添加新代码,以便在需要使用新卷的更新购物车时提供服务,而不是仅添加/删除一个单元。

添加PHP代码后,将<?php echo $item['cnt']; ?>替换为<input type="text" value="<?php echo $item['cnt']; ?>" class="fdCartChange">并在JS中添加如下内容:

$('.fdCartChange').on('change', function(){
    //code which will send request to PHP code you added.
});

这是一项复杂的任务。总的来说,您需要了解当前“购物车”引擎的结构,以便进行“小”调整。从您发布的代码中我甚至看不到您使用的引擎,所以我已经发布了OpenCart的大致计划。对于其他引擎,此算法可能不同。