Shopify - 删除输入类

Question

所以我正在努力为我工作的公司建立一个Shopify商店，我们销售旅游书籍。在 Shopify 主题上，我正在使用 Bold 的产品选项应用程序，以便我们可以将所有书籍选项变体（我们只有一个"卷"选项，根据我们拥有该特定书籍的卷数，在 1 到 6 个变体之间）包含在捆绑选项中，以一固定费用出售。我在使用粗体产品选项应用程序时遇到的问题是，当您根据变体创建选项时，它只会影响该产品的价格，而不会影响库存。这对于单个书籍非常有用 - 您选择第 1 卷和第 2 卷，价格从 10 美元增加到 20 美元，但对于价格一致的捆绑包，它不起作用，它不断为添加到捆绑包的每个卷增加 10 美元。因此，与其花 25 美元买 3 本书，不如花 55 美元买三本书。我查看了代码，看起来问题是一个 .price-change 类，该类被添加到每个卷的每个输入复选框中。当我使用谷歌浏览器的编辑器删除它时，捆绑包会与所选项目一起完成，并且价格不会增加。我的问题是如何从插件中删除此类？我想做的是严格为捆绑包制作一个自定义 product.liquid 模板，并在那里放置一些 jQuery 以删除该类。捆绑选项是从第三方服务器中提取的 - 我在液体模板中看到的唯一代码是......

 <!-- Bold Apps: Product Options --> {% include 'shappify-options' %} 

当我查看源代码时，显示...

      <!-- Bold Apps: Product Options --> <div style='display:none' id='shappify_custom_options_401405627'></div><script async  src="//secure.apps.shappify.com/apps/options/generate_options.php?shop=tsgtestsite.myshopify.com&product_id=401405627"></script> 

我尝试在产品模板的底部添加此 jQuery 代码，但它不会删除该类......

<script>
$( document ).load(function() {
$("div.shappify_check_option input").removeClass("price-change");
});
</script>

这是我在编辑器

中 html 输出旁边的编辑器中显示代码时的屏幕截图......

[1]: https://i.stack.imgur.com/4Fb9X.png

如果您之前对此有任何建议或任何经验，我将非常感谢如何解决此问题。我需要做的就是删除这个黑暗类。

谢谢！

Answer 1

试试这个，

$( document ).ready(function() {
    $('.shappify_check_option input').removeClass('price_change') 
)};

希望对你有帮助