如何将Add to Cart Woocommerce按钮更改为包含产品SKU和Quantity#的自定义URL

要将 WooCommerce 的 "Add to Cart" 按钮更改为包含产品 SKU 和数量的自定义 URL，您可以通过以下步骤实现：

基础概念

WooCommerce: 是一个流行的 WordPress 插件，用于创建和管理电子商务网站。
SKU (Stock Keeping Unit): 是库存单位，用于唯一标识商品。
Quantity: 表示购买的商品数量。

类型与应用场景

类型: 这是一种 URL 重写技术，用于生成动态且具有描述性的链接。
应用场景: 适用于需要快速添加特定数量和 SKU 商品到购物车的场景，如批发销售、促销活动等。

实现步骤

获取产品 SKU 和数量: 在 WooCommerce 中，每个产品都有一个唯一的 SKU，可以通过 PHP 获取。
创建自定义 URL: 使用获取到的 SKU 和数量构建自定义 URL。
修改 "Add to Cart" 按钮: 通过编辑 WooCommerce 的模板文件或使用钩子函数来更改按钮的行为。

示例代码

以下是一个简单的示例，展示如何在 WooCommerce 中实现这一功能：

// 添加自定义字段到产品页面
add_action('woocommerce_before_add_to_cart_button', 'custom_add_to_cart_url');
function custom_add_to_cart_url() {
    global $product;
    $sku = $product->get_sku();
    ?>
    <form action="<?php echo esc_url(home_url('/')); ?>" method="get">
        <input type="hidden" name="add-to-cart" value="<?php echo esc_attr($product->get_id()); ?>">
        <input type="hidden" name="quantity" value="1"> <!-- 默认数量 -->
        <input type="hidden" name="sku" value="<?php echo esc_attr($sku); ?>">
        <button type="submit">Add to Cart</button>
    </form>
    <?php
}

// 处理自定义 URL 请求
add_filter('woocommerce_add_to_cart_redirect', 'custom_add_to_cart_redirect');
function custom_add_to_cart_redirect($url) {
    if (isset($_GET['sku']) && isset($_GET['quantity'])) {
        $product_id = apply_filters('woocommerce_add_to_cart_product_id', absint($_GET['add-to-cart']));
        $quantity = apply_filters('woocommerce_add_to_cart_quantity', absint($_GET['quantity']), $product_id);
        WC()->cart->add_to_cart($product_id, $quantity);
        return wc_get_cart_url();
    }
    return $url;
}

遇到的问题及解决方法

问题: 自定义 URL 不起作用。
- 原因: 可能是由于权限问题或代码错误。
- 解决方法: 确保代码正确无误，并检查服务器是否有执行 PHP 脚本的权限。
问题: SKU 或数量未正确传递。
- 原因: 可能是表单字段名称或值设置不正确。
- 解决方法: 核对表单字段名称与处理逻辑中的变量名是否一致，并确保值正确传递。

通过以上步骤和代码示例，您可以成功地将 WooCommerce 的 "Add to Cart" 按钮更改为包含产品 SKU 和数量的自定义 URL。