【问题标题】:Shopify - Remove Input ClassShopify - 删除输入类
【发布时间】:2014-11-17 17:59:03
【问题描述】:

所以我正在为我工​​作的公司建立一个 Shopify 商店,我们销售旅游书籍。在 Shopify 主题上,我正在使用 Bold 的 Product Options 应用程序,以便我们可以包含所有书籍选项变体(我们只有一个“卷”选项,有 1 到 6 个变体,具体取决于我们拥有的特定书籍的数量)在以固定费用出售的捆绑选项中。我在使用 Bold Product Options 应用程序时遇到的问题是,当您根据变体创建选项时,它只会影响该产品的价格,而不是库存。这对个人书籍非常有用 - 您选择第 1 卷和第 2 卷,价格从 10 美元上涨到 20 美元,但对于我们价格一致的捆绑包,它不起作用,它会不断为添加到捆绑包中的每卷增加 10 美元。因此,不是花 25 美元买三本书,而是花 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]: http://i.stack.imgur.com/4Fb9X.png

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

谢谢!

【问题讨论】:

  • 试试$(window).load() 而不是$(document).load()...
  • 您不能选择这样的输入,因为您在示例中使用的 div 没有类 shappify_check_option。您可以发布与此问题相关的所有 html 吗?它应该很容易修复。
  • 欢迎来到 StackOverflow!请参阅"Should questions include “tags” in their titles?",其中的共识是“不,他们不应该”。

标签: jquery shopify variants


【解决方案1】:

试试这个,

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

希望对你有帮助

【讨论】:

  • 有趣的是,最简单的答案几乎总是最简单的解决方案。效果很好!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-05-13
  • 2023-02-07
  • 2021-12-18
  • 2018-09-19
  • 2020-05-01
  • 2023-03-05
相关资源
最近更新 更多