Shopify通过应用程序与产品页面HTML交互

Question

我们计划创建一个Shopify应用程序，但是在文档中找到了如何与页面进行交互的问题。

我不确定我们每次都必须要求用户添加代码等，所以我需要知道我是否错过任何内容。

我需要通过应用与Shopify中的产品页面进行交互。

我在网上搜索并阅读了所有内容，所有的内容都是如何开始的，而不是实际的示例。

我知道ScriptTags以及如何包含它们，但是确实如此。如果有人可以给我提供一个简单的示例，例如如何隐藏“购买”按钮并插入一些内容。

我知道如何使用JQuery的默认主题来选择它，但是其他所有主题呢？

Answer 1

有两种与首页互动的方式：

1）在页面中注入一些代码（实时代码）

2）使用您提到的ScriptTag。

代码注入脚本将修改产品模板，例如，如果您想自动执行此操作，则可以注入您的代码，或者可以指示用户自己执行此操作，但是如果他们不懂代码，则可能是问题。

此外，在大多数情况下，此代码仅适用于实时主题。而且，如果用户喜欢在特定时间删除您的应用，则必须确保以这样的方式编写逻辑：如果不再存在您的应用，则该逻辑将不会影响该网站（因为清理该应用确实非常困难）文件，一旦您自动添加代码）

对于这种方法，您将需要使用Asset API。

您将需要用GET request将文件的内容获取到文件并进行put request以便进行更新。

更好的方法是使用ScriptTag API。

这将允许使用脚本文件，该脚本文件将附加在每个主题上。这不会以任何形式或形状修改主题文件。

似乎这是您正在寻找的方法。

[请记住，您将是从您的应用程序托管文件的人，因此您几乎可以在其中编写任何内容。因此，如果您想使用jQuery，则必须确保主题包含jQuery，否则必须在脚本内添加jQuery核心代码。