1.创建您自己的option_selection. js并将该文件上传到主题中的assets文件夹。
1.在你的主题文件中找到这一行（可能的模板/product.liquid）。

{{ 'option_selection.js' | shopify_asset_url | script_tag }}

1.注解该行并在其下方添加以下代码。

{{ 'new_option_selection.js' | asset_url | script_tag }}

希望能帮上忙。

我知道这不是最好的解决方案，但有一件事你可能会做。
1.下载option_selection.js并将其添加为资产。
1.版本控制它，使任何您需要的添加，然后当Shopify更新它的版本时，使用VCS将其与您的副本合并，以便您获得更新/修复，但仍然保留您的添加。
这是我最近在一个项目中不得不做的，到目前为止我还没有遇到任何问题。
希望能帮上点忙。

根据您的情况，您可以通过几行CSS为客户获得所需的UX：

.selector-wrapper {
    display: none !important;
}

select#product-select {
    display: block !important;
}

需要考虑的事项：

在有多个变量的情况下，不在每个选项旁边显示价格是有意义的。如果物品具有3种材料和3种尺寸，则用户可能会混淆看到每种材料的价格，然后看到每种尺寸的价格，特别是因为 X 材料和 Y 尺寸的组合最终可能是不同的东西。在这个过程中应该有一个价格标识符。
在只有一个变体的情况下，显示它们之间的价格差异更有意义。
默认的option_selection.js输出选择器并隐藏“最终”<select name="id">变体选择器。以下是提供2个变体时的输出示例：

<div class="selector-wrapper">
    <label for="product-select-option-0">First Variant</label>
    <select class="single-option-selector" data-option="option1" id="product-select-option-0">
         <option value="firstvariant1">First Variant Option 1</option>
        <option value="firstvariant2">First Variant Option 2</option>
        <option value="firstvariant3">First Variant Option 3</option>
    </select>
</div>
<div class="selector-wrapper">
    <label for="product-select-option-1">Second Variant</label>
    <select class="single-option-selector" data-option="option2" id="product-select-option-1">
        <option value="secondvariant1">Second Variant Option 1</option>
        <option value="secondvariant2">Second Variant Option 2</option>
    </select>
</div>
<select id="product-select" name="id" style="display: none;">                           
    <option selected="" value="xxxxxxxxxxxxx">
        First Variant 1 / Second Variant 1 - $1.99
    </option>
    <option value="xxxxxxxxxxxxx">
        First Variant 1 / Second Variant 2 - $1.99
    </option>
    <option value="xxxxxxxxxxxxx">
        First Variant 2 / Second Variant 1 - $2.99
    </option>
    <option value="xxxxxxxxxxxxx">
        First Variant 2 / Second Variant 2 - $3.99
    </option>
    <option value="xxxxxxxxxxxxx">
        First Variant 3 / Second Variant 1 - $4.99
    </option>
    <option value="xxxxxxxxxxxxx">
        First Variant 3 / Second Variant 2 - $5.99
    </option>
</select>

因此，您可以使用上面提供的CSS覆盖它，并以这种方式实现您希望提供的体验。在只有一个变体的情况下，我认为很多用户会喜欢这个过程，但它不是OP想要的语法。