如何删除默认变体选项并具有空单选按钮

Question

我提前道歉，因为我无法获得尽可能少的代码，但我目前正在开发一个 Shopify 网站(我没有构建(，我不想选择默认变体。例如，如果您 https://thriveworkwear.com/products/carpenter-work-pants-5300-pro 转到此页面，您将看到默认选项为颜色：山核桃腰围：30W 内缝：30L。

有没有办法禁用默认变体功能？这意味着不会选择任何变体，用户必须手动选择它们。

我试图按照本指南 https://help.shopify.com/en/themes/customization/products/variants/how-to-add-a-pick-an-option-to-drop-downs 和这个指南进行操作，但它们不起作用。

我也尝试添加这个：

document.querySelector('input[name="name0"]:checked').checked = false;
document.querySelector('input[name="name1"]:checked').checked = false;
document.querySelector('input[name="name2"]:checked').checked = false;

到主题.js文件，但它不起作用。如果我通过控制台选项卡添加它，它似乎有效，但在网站上添加它时则无效。

任何帮助，不胜感激。

Answer 1

似乎选项是从以下应用程序生成的： https://apps.shopify.com/best-custom-product-options

这意味着所有内容都是使用Javascript生成的，您可能无法控制。

如果应用程序中有禁用默认选定选项的选项，或者当应用程序应用选项时可以收听事件，则必须显示该应用程序。

最后一行是使用Mutation Observer并等待表单中的 HTML 修改来触发您的代码，但如果其他方法不起作用，这是最后一种方法。