如何检查 WooCommerce jquery found_variation 事件中是否存在属性

Question

在 WooCommerce 中，我们希望在数量变化时显示额外的价格信息，但前提是变体具有与其关联的特定属性。有没有办法根据作为 found_variation 事件的一部分提供的变体对象来执行此操作？

$(document).on( 'found_variation', 'form.cart', function( event, variation ) {
/* Your code */           
});

Answer 1

您从哪里获得额外的价格信息？如果它驻留在数据库中，您将需要一个 Ajax 调用（您在函数体中进行 Ajax 调用）。

无论如何，您可以在 found_variation 提供的变体对象中访问变体的属性。要查看它，请将其添加到函数主体（您当前拥有 /* Your code */ 的位置），然后打开您的开发人员控制台以查看输出。在 Chrome 中按 F12 > 转到“控制台”选项卡。

console.log(variation.attributes);

属性前缀为'attribute_pa_'。

例如，如果您想要在变体具有蓝色属性时显示某些内容，您可以在函数体中执行此操作：

if (variation.attributes.attribute_pa_color === 'blue') {
    /* code to display HTML elements with additional price information */
}

How to check attribute exists in WooCommerce jquery found_variation event