wordpress - 在产品页面上获取变体 ID 和属性值

Question

我希望在产品页面上有一个快速购买(类似 Flipkart)的按钮。单击此按钮将所选产品添加到购物车并使用户进入结帐页面(而不是在购物车页面上)。另请注意，用户不会被重定向到购物车页面，而是尽可能将用户带到结帐过程中。我也不想替换默认的“添加到购物车”按钮，相反，我想添加另一个显示 Quickbuy 的按钮。你能帮我解决这个问题吗？

到目前为止我发现了什么？好吧，我已经尝试创建一个 URL 结构，将产品添加到购物车并转到结帐，就像这样。

https://www.similarfeathers.com/checkout/?add-to-cart=6711&variation_id=6714&attribute_pa_size=M

(6711 是产品 ID，6714 是变量 ID，M 是尺寸(属性))。现在，我想添加这个在产品页面上动态生成的超链接，从下拉列表中获取尺寸属性的值并获取 variationID。当用户单击此 URL 时，我的工作就完成了。

有什么方法可以在产品页面上创建自定义超链接 URL？

Answer 1

制作您正在寻找的链接所需的所有数据都可以在单个页面上以隐藏字段的形式提供。

<input type="hidden" value="6438" name="add-to-cart">
<input type="hidden" value="6438" name="product_id">
<input type="hidden" value="6442" name="variation_id">

attribute_pa_size 的值可以从选择框中抓取。

您需要添加快速购买按钮，并在其点击事件中编写一些代码来制作 URL 并重定向到它。

假设您使用 id="quick-buy" 创建按钮，一些快速编写的代码

<script>
jQuery( document ).ready( function() {

    jQuery( "#quick-buy" ).click( function() {

        // Get all the values needed for the URL
        var add_to_cart = jQuery( 'input[name="add-to-cart"]' ).val();
        var variation_id = jQuery( 'input[name="variation_id"]' ).val();    
        var pa_size = jQuery( "#pa_size" ).val();

        // Craft the URL
        var link = "https://www.similarfeathers.com/checkout/?add-to-cart=" + add_to_cart + "&variation_id=" + variation_id + "&attribute_pa_size=" + pa_size

        // Finally redirect to the URL
        window.location.href= link;

        return false;

    });
});
</script>