Question

Hello Stackoverflow社区，

我正在开发具有分层定价模型的WooCommerce网站（使用此Dynamic Pricing and Discount plugin)。产品价格是预先确定的，并基于购买的数量（请参见下表）。

     | Product       | From Quantity | Price |
     | ------------- | ------------- | ----- |
     | Product 1     | 1             | £500  |
     | Product 1     | 2             | £480  |
     | Product 1     | 5             | £460  |
     | Product 2     | 1             | £200  |
     | Product 2     | 5             | £195  |
     | Product 2     | 10            | £190  |

我希望使用jQuery达到以下效果（请参见下面的图片以获得更好的主意）：

更改数量字段时（基于分层定价）动态显示总价
根据输入的数量突出显示定价表中的行

So from this display

To this display

数据以序列化数组的形式存储在我的数据库wp_options表中。到目前为止，我正在检索数组，对其进行反序列化并在我的content-single-product.php模板文件中显示定价表。

$result = $wpdb->get_var( "SELECT option_value FROM $wpdb->options WHERE option_id = 1799" );
$array = unserialize($result);

function print_key($array) {
    global $product;
    $current_id = $product->get_id();
    ?>
    <table class="table">
        <thead>
            <tr>
                <th>Quantity</th>
                <th>Price</th>
            </tr>
        </thead>
        <tbody>
        <?php
            foreach ($array['product_rules'] as $key => $value) {
                foreach ($value['product_id'] as $key => $g_product_id) {
                    if ($g_product_id == $current_id ) { ?>
                        <tr>
                            <td>From <?php echo $value['min']; ?> to <?php echo $value['max']; ?></td>
                            <td><?php echo $value['value']; ?></td>
                        </tr>
                        <?php
                    }
                }
            }
        ?>
        </tbody>
    </table>
    <?php
} ?>

如何使用jQuery实现前端价格的变化？我必须使用Ajax

根据数量层定价模型显示总价-WooCommerce

0 个答案: