首页 > 解决方案 > 如何在 WooCommerce 中突出显示可变产品页面上的变体表单字段?

问题描述

我创建了一个具有尺寸和颜色属性的可变产品。它工作正常。

当用户没有选择任何选项(属性)并尝试将产品添加到购物车时,它不允许他将产品添加到购物车。它还以 JavaScript 警告框的形式显示错误消息。

这个场景效果很好,但是现在客户希望如果用户没有选择任何属性或选项并单击添加到购物车按钮,那么属性字段应该以红色突出显示。

如果有人只选择尺寸而不选择颜色并单击添加到购物车,那么只有颜色应该以红色突出显示,如果用户没有选择这两个属性,那么两个属性都必须以红色突出显示?

在此处输入图像描述

标签: phpwordpresswoocommercewordpress-theminghook-woocommerce

解决方案


推荐阅读