由于无法获得尽可能少的代码,我事先表示歉意,但是我目前正在Shopify网站(不是我构建的)上工作,并且我希望没有选择默认变体。例如,如果转到此页面https://thriveworkwear.com/products/carpenter-work-pants-5300-pro,您会看到默认选项为“颜色”:山核桃腰围:30W下se: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;
到theme.js文件,但是没有用。如果我通过“控制台”选项卡添加了它,但在网站上添加它时似乎没有用。
感谢您的帮助。
答案 0 :(得分:0)
似乎这些选项是从以下APP生成的:https://apps.shopify.com/best-custom-product-options
这意味着所有内容都是使用您可能无法控制的Javascript生成的。
如果其中有一个选项可以禁用默认选择的选项,或者在应用这些选项时可以收听的事件,则必须显示该应用。
最后一行是使用 Mutation Observer ,并等待表单中的HTML修改来激发您的代码,但这是最后的方法,如果其他方法无效。