Как удалить вариант варианта по умолчанию и иметь пустые кнопки радио

Question

Я заранее извиняюсь, поскольку не могу получить минимально возможное количество кода, но в настоящее время я работаю над сайтом Shopify (который я не создавал) и хочу, чтобы не были выбраны варианты по умолчанию. Например, если вы go перейдете на эту страницу https://thriveworkwear.com/products/carpenter-work-pants-5300-pro, вы увидите, что по умолчанию выбраны следующие параметры: Цвет: гикори талия: 30 Вт, шов: 30 л.

Есть ли способ отключить функциональность варианта по умолчанию? Это означает, что ни один из вариантов не выбран, и пользователь должен выбрать их вручную.

Я пытался следовать этому руководству 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 изменений в форме для запуска вашего кода, но это последний подход, если ничего не работает.