Shopify - 删除输入类

时间:2014-11-17 17:59:04

标签: jquery shopify variants

所以我正在为我工​​作的公司设立Shopify商店,我们出售旅游书籍。在Shopify主题上,我正在使用Bold的产品选项应用程序,以便我们可以包含我们所有的书籍选项变体(我们只有一个“卷”选项,其中包含1-6种变体,具体取决于我们拥有的特定书籍的数量)在捆绑选项中,以固定费用出售。我在Bold Product Options应用程序中遇到的问题是,当您根据您的变体创建选项时,它只能影响该产品的价格,而不是库存。这对于个人书籍非常有用 - 您可以选择第1卷和第1册。 2价格从10美元涨到20美元,但对于价格一致的捆绑包不起作用,它会为每捆增加的每卷增加10美元。因此,不是以25美元的价格获得3本书,而是以55美元的价格获得3本书。我查看了代码,看起来问题是一个.price-change类,它被添加到每个卷的每个输入复选框中。当我使用谷歌浏览器的编辑器将其删除时,捆绑包会选择所选项目并且价格不会增加。我的问题是如何从插件中删除此类?我想要做的是严格为bundle创建一个自定义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]: http://i.stack.imgur.com/4Fb9X.png

如果您对此有任何建议或经验,我真的很感激如何解决这个问题。我需要做的就是删除这个黑暗的课程。

谢谢!

1 个答案:

答案 0 :(得分:1)

试试这个,

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

希望有所帮助