Shopify - 删除输入类

问题描述 投票:0回答:2

所以我正在为我工作的公司建立一个 Shopify 商店,我们销售旅游书籍。在 Shopify 主题上,我使用 Bold 的产品选项应用程序,以便我们可以包含所有书籍选项变体(我们只有一个“卷”选项,有 1 - 6 个变体,具体取决于我们拥有该特定书籍的卷数)以固定费用出售的捆绑选项。我在使用“粗体产品选项”应用程序时遇到的问题是,当您根据变体创建选项时,它只能影响该产品的价格,而不会影响库存。这对于单本书来说非常有用 - 您选择第 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]: https://i.stack.imgur.com/4Fb9X.png

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

谢谢!

jquery shopify variants
2个回答
1
投票

试试这个,

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

希望有帮助


0
投票

感谢您向 Shopify 商店寻求帮助,以及您在使用 Bold Product Options 应用程序时面临的挑战。作为 Shopify 专家,我很乐意提供指导来帮助您解决此问题。

根据您的描述,问题似乎出在 Bold Product Options 应用程序本身的功能上。虽然它允许根据选定的变体进行价格调整,但它无法修改产品的库存,从而导致多卷捆绑包的价格计算不正确。

鉴于此限制,有必要找到替代方法来实现您期望的结果。一种潜在的解决方案是专门为捆绑包创建一个自定义的 Product.liquid 模板,您可以在其中合并 jQuery 来删除“.price-change”类。

首先,您需要访问您的 Shopify 主题代码。从那里,找到product.liquid 模板并专门为捆绑包创建一个副本。在此自定义模板中,您可以利用 jQuery 从输入复选框中删除有问题的类。

这是您可以使用的代码示例:

<script>
$(document).ready(function() {
  // Remove the ".price-change" class from each input checkbox
  $('.price-change').removeClass('price-change');
});
</script>

通过在捆绑包的自定义 Product.liquid 模板中实现此代码,您应该能够消除由不需要的类导致的不正确的价格上涨。

请注意,对您的 Shopify 主题代码进行任何更改都需要谨慎并进行适当的测试,以确保与您商店的设置兼容。我强烈建议您在进行任何修改之前创建主题备份,并在必要时联系 Bold 或咨询 Shopify 专家。

我希望这可以帮助您解决 Bold Product Options 应用程序的问题。如果您还有任何其他问题或需要其他帮助,请随时联系我经过验证的小专家,他们拥有 5 年以上的经验,来自 Fiverr。我是来帮忙的。

最诚挚的问候, [布基] Shopify 专家

© www.soinside.com 2019 - 2024. All rights reserved.